勇哥带您手搓一个信息发布系统CMS(1)--界面展示

目录

一、引言

二、展示

三、部分代码


一、引言

上篇文章已经给大家把有关CMS的主要的表已经列出来了,今天主要是进行界面展示,

由于CMS的特殊性,后台管理平台采用vue界面进行管理,前台页面展示采用thymeleaf模板引擎进行展示。

大家有没有想过为什么前台展示要使用thymeleaf模板引擎,而不使用vue?

优点:

1、SEO友好性,vue生成的代码都是js,thymeleaf生成的代码可以很好的解决这个问题

2、针对CMS这个的特殊性,thymeleaf可以不用停服务器,直接通过后台界面进行文件修改,就会使用修改模板进行展示,如果采用vue,修改后还需要给前端页面进行build操作,还需要登陆到服务器上进行部署,这种情况,会增加用户的难度。

缺点:

1、技术栈增加,既要会vue,又要会thymeleaf。

二、展示

频道分类界面:

频道管理界面

勇哥带您手搓一个信息发布系统CMS(1)--界面展示_第1张图片

栏目管理界面:

勇哥带您手搓一个信息发布系统CMS(1)--界面展示_第2张图片

信息管理界面:

勇哥带您手搓一个信息发布系统CMS(1)--界面展示_第3张图片

三、部分代码

部分代码下期提供。

你可能感兴趣的:(手搓CMS,vue.js,javascript,ecmascript,java)