原生J2EE项目集成LayUi前端框架,助你快速构建后台管理系统

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_36314960/article/details/83859602

说起后台管理系统,相信大家都不陌生。本博文教大家如何使用原生JSP集合LayUi开发一套属于自己的后台管理系统,主要讲解开发思路,具体技术细节不做讲解。

一、说在前面的话

       为什么我会选择使用原生JSP作为主要开发语言?

 不管你是学生还是即将工作的朋友还是已经工作的同事,相信你接触到的最多的应该是各种各样的框架,听说过最多的也是各种各样的技术框架,没有人说用JSP开发一款什么什么。。。当然,在公司里面也是使用技术框架来进行公司项目和产品的开发工作,为什么?因为框架简单,有很多事情不用我们去处理,就拿最简单的一个例子来说,Spring的IOC控制反转不用我们考虑究竟什么时候要new一个对象。但是无论什么框架当你使用久了,就会对他产生一种依赖,觉得没他干不了活。

      为什么使用LayUi前端框架作为界面展示工具?

  其实,不管你用什么界面渲染工具,达到的效果是一样的。那在这个过程中肯定是越简单越来使用,其实在使用LayUi之前我也了解了其他几个相同的工具,比如EasyUi,ElementUi等等,EasyUi他的界面不是很贴切,所以我就没用,而ElementUi则是依赖于Vue前端框架,这让不是专门做前端的我感到很绝望,用ElementUi还要学会Vue,这对我来说不是很好。LayUi的使用只需要返回固定格式的Json即可,其Json格式写起来也比较容易,界面也很美观。

二、准备工作

    IDE:为了更体现原生这一点,我选用Eclipse for J2EE,如果你还没有请去Eclipse官网进行下载 https://www.eclipse.org/downloads/ 

    前台:去LayUi官网根据自己的需求下载最新的LayUI工具包https://www.layui.com/

点击立即下载,会默认下载完整的LayUI工具包。

  后台:安装你的JDK&JRE,Java运行环境,https://www.java.com/zh_CN/网上资料很多,这里不再赘述。

            下载并解压你的Tomcat服务器http://tomcat.apache.org/download-70.cgi

点击箭头所指区域选择合适的Tomcat版本进行下载,然后解压即可。

因为本项目是原生JSP开发,所以不用准备其他材料。

四、前端引入LayUi模板

      在你的WebContent目录下将下载好的LayUi完整工具包直接复制到该目录

五、JSP开发Servlet数据接口

        在开发接口之前,你应该已经配置好了JDBC数据源,并且你的项目已经成功连接了你的数据库,可以进行正常的CRUD操作。

 Servlet相关目录如下:

      

然后在web.xml中配置你的Servlet

六、前后端整合,渲染后台管理系统

      在webContent下新建一个JSP界面:

在JSP界面中引入LayUi工具:

然后编写使用LayUi渲染界面:

相关写法是固定的,不要考虑太多。后台管理系统的相关板块都这样写即可。

最后说一下,LayUi要求返回的Json格式:

其中,code,msg,count(数据条数),data这四个字段是固定的,data的格式也是固定的,后端返回的json必须是这种格式,否则LayUi将不会正常解析出数据。

好了,感谢大家关注,欢迎评论留言!!

展开阅读全文

没有更多推荐了,返回首页