thymeleaf对代码要求程度要高,这个页面放在外面好用,使用thymeleaf模板就不好用了

谭十二 2017-04-18 07:41:59

先上源代码,再上错误

<!DOCTYPE html>

<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="UTF-8"/>

    <title>demo02</title>

    <script src="echarts/echarts.js"></script>

    <script src="map/js/china.js"></script>

</head>

<body>

<div id="main" style="width: 1350px;height: 600px;"></div>



<script th:inline="javascript">

    var myChart = echarts.init(document.getElementById('main'));



    var data = [

        { name: "上海", value: 29780},

        { name: "珠海", value: 2186},

        { name: "三亚", value: 1135},

        { name: "惠州", value: 1973},

        { name: "海口", value: 2568},

        { name: "合肥", value: 4039},

        { name: "南京", value: 6959},

        { name: "杭州", value: 5632},

        { name: "苏州", value: 6707},

        { name: "无锡", value: 3393},

        { name: "昆山", value: 1894},

        { name: "广州", value: 15769},

        { name: "深圳", value: 8259},

        { name: "佛山", value: 5741},

        { name: "东莞", value: 3030},

        { name: "福州", value: 4542},

        { name: "厦门", value: 3329},

        { name: "南宁", value: 3157},

        { name: "郑州", value: 6690},

        { name: "武汉", value: 8678},

        { name: "长沙", value: 5303},

        { name: "南昌", value: 3025},

        { name: "北京", value: 20259},

        { name: "长春", value: 3016},

        { name: "大连", value: 3202},

        { name: "沈阳", value: 4540},

        { name: "哈尔滨", value: 3141},

        { name: "天津", value: 8626},

        { name: "济南", value: 4361},

        { name: "青岛", value: 6667},

        { name: "太原", value: 4080},

        { name: "石家庄", value: 6137},

        { name: "西安", value: 6991},

        { name: "成都", value: 13873},

        { name: "重庆", value: 13283},

        { name: "昆明", value: 4633}





    ];



 

    var convertData = function(data) {

        var res = [];

        for (var i = 0; i < data.length; i++) {  //就是在这一行报错,调用data的时候报错

            var geoCoord = geoCoordMap[data[i].name];

            if (geoCoord) {

                res.push({

                    name: data[i].name,

                    value: geoCoord.concat(data[i].value)

                });

            }

        }

        return res;

    };



   

</script>

</body>

</html>

2017-04-18 19:09:39.197 ERROR 10876 --- [nio-8080-exec-1] o.thymeleaf.templateparser.ErrorHandler : [THYMELEAF][http-nio-8080-exec-1] Fatal error during parsing

org.xml.sax.SAXParseException: 元素内容必须由格式正确的字符数据或标记组成。
at com.sun.org.apache.xerces.internal.util.ErrorHandlerWrapper.createSAXParseException(ErrorHandlerWrapper.java:203) ~[na:1.8.0_31]

2017-04-18 19:09:39.210 ERROR 10876 --- [nio-8080-exec-1] org.thymeleaf.TemplateEngine : [THYMELEAF][http-nio-8080-exec-1] Exception processing template "china": Exception parsing document: template="china", line 97 - column 28
2017-04-18 19:09:39.211 DEBUG 10876 --- [nio-8080-exec-1] o.s.web.servlet.DispatcherServlet : Error rendering view [org.thymeleaf.spring4.view.ThymeleafView@596f2b10] in DispatcherServlet with name 'dispatcherServlet'

org.thymeleaf.exceptions.TemplateInputException: Exception parsing document: template="china", line 97 - column 28

...全文