[整理]web前端开发遇到的问题

1、打开页面时报错：

 

org.springframework.context.ApplicationContextException: Failed to parse FreeMarker template for URL
[example.html]; nested exception is freemarker.core.ParseException: Encountered "/" at line 5, column 19.
...

 

我的example.html文件中第5行完全没问题，检查了附近的代码，也没问题！

后来发现问题在于：我的html文件的编码方式有问题，FreeMarker识别不了 。

解决办法：复制代码，然后把编码方式换为gbk，替换掉原来的代码，ok了！

 

2、点击页面的查询按钮时，出现“dwr错误   ExampleBean.getResult() is not a function”。

在网上查了下，想起来js和bean中的方法同名时会出现冲突 ，于是改了js中的方法名（第一步）。

          改完发现还是有这个问题，去看了我的iteye里的上次遇到的问题的整理，才想起来html文件中没加<script type="text/javascript" src="dwr/engine.js"></script>。

          加了上面的script之后，还是有问题...继续去google，有人说可以去“http://localhost:8080/[ProjectName]/dwr/index.html ”查看下bean的方法，进去看到了我的ExapleBean，点进去，发现没有getResult()方法，在回头看代码，才发现getResult()方法不是public的，太马虎了！

 

3、上面的错误解决了，又出现了新的问题：

org.directwebremoting.extend.MarshallException: Error marshalling com.prj.bean.LinkMan: Error reading bean.
Input parameter probably is not an object. (Missing: {). See the logs for more details.
...

我传的参数明明没问题的，而且根本没少“{”。google也没找到解决方法，再回去看代码：

jQuery("#circleTopicCensorRecordListNav").pagination(number, {
				num_edge_entries: 1, //边缘页数
				num_display_entries: 4, //主体页数
				callback: getRecordList, //取数据方法
				items_per_page: 50, //每页显示50项
				prev_text: "前一页",
				next_text: "后一页",
				jump_to_page:true,
				page_set:true,
				page_size:[50,100,200]
},param);

function getRecordList(query) {
	ExampleBean.getRecord(query, function(dataFromServer){
		if (dataFromServer == null || dataFromServer.length == 0) {
			dwrlog("没有审核记录", "warn");
			return;
		}
		//...省略
	}); 
}

        后来又去看了之前的代码，发现getRecordList(query)应改为getRecordList(page_index,jq ,query)！因为用了jQuery的分页机制，回调函数也要按照jQuery的规定来写，上面标红的部分我每次都忘！

Ok，没问题了！

         前端开发做的太少了，偶尔用到的时候总是想不起来这些微妙的细节！整理出来，希望能对遇到同样问题的童鞋有所帮助。