初级简单写页面总结

本文介绍了一个基于MVC架构的页面开发过程,详细解释了Controller、Service、API及DAO层的作用,并分享了Velocity模板引擎的应用技巧以及JavaScript与AJAX的结合使用经验。

由于这个功能是在师兄的功能上增加的,所以我只是按照葫芦画瓢写出了一个页面。
基本是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里查看基本错误。
其余一些琐碎知识,记录在本上了。

总而言之,还是不熟练,熟而生巧吧。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值