由于这个功能是在师兄的功能上增加的,所以我只是按照葫芦画瓢写出了一个页面。
基本是controller层+vm页面+js页面。
controller调用的是service层接口,service层调用api层,api层调用dao层(这层是师兄写的,我只是纯调用)。
controller层
@RequestMapping(“url”)
匹配最后生成页面的url。
返回自己的vm页面,则调用自己写的注解@WebAuthRequired,如果只是返回json数据,则写注解@ApiAuthRequired(这两个方法都必须登录才可调用)(还是不会自己写注解)
@JsonView(class=AdminApiField)表示管理页面api接口要显示的json数据。
.vm页面
Velocity是一个基于java的模板引擎(template engine),它允许任何人仅仅简单的使用模板语言(template language)来引用由java代码定义的对象(Model)。作为一个比较完善的模板引擎,Velocity的功能是比较强大的,但强大的同时也增加了应用复杂性。
html模板页面,符合html5的基本语法,使用一些常见标签完成页面实现。直接调用controller层中Model变量添加进来的变量。变量名.字段返回的是该字段的内容。
Velocity语法参见Velocity语法
该页面调用一些之前的Velocity模板,减少了一些代码量。这是一个基本的静态页面,相关动作在js中实现。
定义一些模板,在js中实现元素的渲染。在tbody中定义一个容器,在js中完成已经渲染完的基本元素的添加。{{:}}表示在这个定义模板中的变量的定义。
js页面
基于jquery和ajax和template等等一些基本模块,jquery有一些基本方法,参见jquery常用方法,语法符合javaScript语法。
因为jquery就是一些javaScript库。
其中ajaxPost请求中,url一定要匹配controller中的url。回调函数中使用的数据的是controller层中对应RequesMapping(url)里返回的Json数据。.字段表示对该字段的调用。
ps:最后调试的时候,发现不是字母拼错了,就是html中常见标签使用错误。就是这个链接标签写错了,在这里面练练手,因为Markdown完全兼容HTML语法,强大,html常见标签见链接
pps:学会使用浏览器自带的开发者工具,查看基本的元素,在network里查看基本错误。
其余一些琐碎知识,记录在本上了。
总而言之,还是不熟练,熟而生巧吧。
本文介绍了一个基于MVC架构的页面开发过程,详细解释了Controller、Service、API及DAO层的作用,并分享了Velocity模板引擎的应用技巧以及JavaScript与AJAX的结合使用经验。
2014

被折叠的 条评论
为什么被折叠?



