SSM-CRUD+jQuery半前后端分离

在b站观看的ssm-crud整合项目,地址如下:
https://www.bilibili.com/video/BV17W411g7zP
视频是以eclipse为编辑器的,我用的是idea,在视频基础上增加了一些东西,以下就是我的成品。
因为视频转gif画质的问题,我已经把画质调到最高了,凑合看一下吧。

在这里插入图片描述
这个项目我也传到了gitee上,
项目地址如下:(地址里还有一些我自己写的小东西)https://gitee.com/six_teen/sixteens_code_tour

1.前端利用jQuery和js获取后端响应的json数据,并且动态生成html元素,加载到表格中,分页条也是动态生成的。
在这个小项目中,首先就是pom.xml的依赖问题,导入依赖之后记得给web项目把jar包,打包到lib目录,我是创建的普通idea maven项目之后再添加的web应用,本来是想用restful风格的URI形式,结果Tomcat8.x+ 不再支持put了,就没怎么全部都用上,因为我的Tomcat是9.0.35版本。
2.对于动态生成html元素,B站视频中是用jQuery的方式,而我用的是js拼接html,用了一大堆"<td>"+"</td>"这样的字符串拼接,大部分onclick事件也是这样绑定上去的,但是也有少部分是 $("").click(function () {})是这样加的点击事件。
3.再这个项目中,这个视频老师讲的很细致而且思路非常清晰,而且在视频之中也学到了很多知识,比如定义一个Msg类,来作为json返回数据的一个统一对象,这样拿前端拿的数据就比较统一化。
4.总结一下,ssm+jquery的crud项目非常值得写一写,ssm的整合可以让你体验到配置地狱,jQuery也能让你感受到数据渲染的繁琐(虽然相比纯js好很多),经过这个小项目才感受到,springboot(后端),vue/react(前端)这些现在流行框架的诞生。
!!!另外,如果Tomcat和idea有中文乱码的问题,也可以参照我的以下博客,虽然不一定能解决你的问题,但这算是我在中文乱码这方面踩过得坑了。

https://blog.csdn.net/six_teen/article/details/106642437
有些小地方的细节处理的确实不好,望见谅!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值