page4Navigator = novelService.list(genreId, start, size, 5);
41 | return page4Navigator;
42 | }
43 |
44 | /**
45 | * 根据id 查询小说
46 | *
47 | * @param id 小说主键id
48 | * @return novel
49 | */
50 | @GetMapping("/novels/{id}")
51 | public Novel get(@PathVariable("id") int id){
52 | Novel novel = novelService.get(id);
53 | return novel;
54 | }
55 |
56 | /**
57 | * 添加小说
58 | *
59 | * @param novel 小说
60 | * @return novel 添加属性后的小说
61 | */
62 | @PostMapping("/novels")
63 | public Object add(@RequestBody Novel novel){
64 | novel.setCreateTime(new Date());
65 | novel.setUpdateTime(new Date());
66 | novelService.add(novel);
67 | return novel;
68 | }
69 |
70 | /**
71 | * 删除小说
72 | *
73 | * @param id 小说主键id
74 | * @return null
75 | */
76 | @DeleteMapping("/novels/{id}")
77 | public String delete(@PathVariable("id") int id){
78 | novelService.delete(id);
79 | return null;
80 | }
81 |
82 | /**
83 | * 更新小说信息
84 | *
85 | * @param novel
86 | * @return novel
87 | */
88 | @PutMapping("/novels")
89 | public Object update(@RequestBody Novel novel){
90 | novelService.update(novel);
91 | return novel;
92 | }
93 |
94 |
95 | }
96 |
--------------------------------------------------------------------------------
/src/main/webapp/js/cacheUserInfo.js:
--------------------------------------------------------------------------------
1 | layui.config({
2 | base : "../../js/"
3 | }).use(['form','jquery',"address"],function() {
4 | var form = layui.form,
5 | $ = layui.jquery,
6 | address = layui.address;
7 |
8 | //判断是否设置过头像，如果设置过则修改顶部、左侧和个人资料中的头像，否则使用默认头像
9 | if(window.sessionStorage.getItem('userFace')){
10 | $("#userFace").attr("src",window.sessionStorage.getItem('userFace'));
11 | $(".userAvatar").attr("src",$(".userAvatar").attr("src").split("images/")[0] + "images/" + window.sessionStorage.getItem('userFace').split("images/")[1]);
12 | }else{
13 | $("#userFace").attr("src","../../images/face.jpg");
14 | }
15 |
16 | //判断是否修改过用户信息，如果修改过则填充修改后的信息
17 | var menuText = $("#top_tabs",parent.document).text(); //判断打开的窗口是否存在“个人资料”页面
18 | var citys,areas;
19 | if(window.sessionStorage.getItem('userInfo')){
20 | //获取省信息
21 | address.provinces();
22 | var userInfo = JSON.parse(window.sessionStorage.getItem('userInfo'));
23 | var citys;
24 | $(".realName").val(userInfo.realName); //用户名
25 | $(".userSex input[value="+userInfo.sex+"]").attr("checked","checked"); //性别
26 | $(".userPhone").val(userInfo.userPhone); //手机号
27 | $(".userBirthday").val(userInfo.userBirthday); //出生年月
28 | //填充省份信息，同时调取市级信息列表
29 | $.get("../../json/address.json", function (addressData) {
30 | $(".userAddress select[name='province']").val(userInfo.province); //省
31 | var value = userInfo.province;
32 | if (value > 0) {
33 | address.citys(addressData[$(".userAddress select[name='province'] option[value='"+userInfo.province+"']").index()-1].childs);
34 | citys = addressData[$(".userAddress select[name='province'] option[value='"+userInfo.province+"']").index()-1].childs;
35 | } else {
36 | $('.userAddress select[name=city]').attr("disabled","disabled");
37 | }
38 | $(".userAddress select[name='city']").val(userInfo.city); //市
39 | //填充市级信息，同时调取区县信息列表
40 | var value = userInfo.city;
41 | if (value > 0) {
42 | address.areas(citys[$(".userAddress select[name=city] option[value='"+userInfo.city+"']").index()-1].childs);
43 | } else {
44 | $('.userAddress select[name=area]').attr("disabled","disabled");
45 | }
46 | $(".userAddress select[name='area']").val(userInfo.area); //区
47 | form.render();
48 | })
49 | for(key in userInfo){
50 | if(key.indexOf("like") != -1){
51 | $(".userHobby input[name='"+key+"']").attr("checked","checked");
52 | }
53 | }
54 | $(".userEmail").val(userInfo.userEmail); //用户邮箱
55 | $(".myself").val(userInfo.myself); //自我评价
56 | form.render();
57 | }
58 | })
--------------------------------------------------------------------------------
/src/main/java/com/zhujinghui/novel/controller/AdminPageController.java:
--------------------------------------------------------------------------------
1 | package com.zhujinghui.novel.controller;
2 |
3 | import org.springframework.stereotype.Controller;
4 | import org.springframework.web.bind.annotation.GetMapping;
5 |
6 | /**
7 | * @Author: JinghuiZhu
8 | * @Description: 后台页面跳转控制器
9 | * @Date: Created in 15:47 2019/2/21
10 | * @Modified By:
11 | */
12 |
13 | @Controller
14 | public class AdminPageController {
15 |
16 | /**
17 | * 后台首页
18 | */
19 | @GetMapping("/index")
20 | public String index(){
21 | return "admin/index";
22 | }
23 |
24 | /**
25 | * 后台首页
26 | */
27 | @GetMapping("/layui")
28 | public String layui(){
29 | return "index";
30 | }
31 |
32 | /**
33 | * 重定向到 admin_genre_list
34 | */
35 | @GetMapping(value = "/admin")
36 | public String admin(){
37 | return "redirect:admin_genre_list";
38 | }
39 |
40 | /**
41 | * 跳转到小说类别页面
42 | */
43 | @GetMapping(value = "/admin_genre_list")
44 | public String listGenre(){
45 | return "admin/genreList";
46 | }
47 |
48 | /**
49 | * 跳转到小说类别编辑页面
50 | */
51 | @GetMapping(value = "/admin_genre_edit")
52 | public String editGenre(){
53 | return "admin/genreEdit";
54 | }
55 |
56 | /**
57 | * 跳转到小说页面
58 | */
59 | @GetMapping(value = "/admin_novel_list")
60 | public String listNovel(){
61 | return "admin/novelList";
62 | }
63 |
64 | /**
65 | * 跳转到小说编辑页面
66 | */
67 | @GetMapping(value = "admin_novel_edit")
68 | public String editNovel(){
69 | return "admin/novelEdit";
70 | }
71 |
72 | /**
73 | * 跳转到章节页面
74 | */
75 | @GetMapping(value = "admin_chapter_list")
76 | public String listChapter(){
77 | return "admin/chapterList";
78 | }
79 |
80 | /**
81 | * 跳转到章节编辑页面
82 | */
83 | @GetMapping(value = "admin_chapter_edit")
84 | public String editChapter(){
85 | return "admin/chapterEdit";
86 | }
87 |
88 | /**
89 | * 跳转到读者管理页面
90 | */
91 | @GetMapping(value = "admin_reader_list")
92 | public String listReader(){
93 | return "admin/readerList";
94 | }
95 |
96 | /**
97 | * 跳转到读者编辑界面
98 | */
99 | @GetMapping(value = "admin_reader_edit")
100 | public String editReader(){
101 | return "admin/readerEdit";
102 | }
103 |
104 | /**
105 | * 跳转到管理员信息页面
106 | */
107 | @GetMapping(value = "admin_admin_list")
108 | public String listAdmin(){
109 | return "admin/adminList";
110 | }
111 |
112 | /**
113 | * 跳转到管理员编辑界面
114 | */
115 | @GetMapping(value = "admin_admin_edit")
116 | public String editAdmin(){
117 | return "admin/adminEdit";
118 | }
119 |
120 | }
121 |
--------------------------------------------------------------------------------
/src/main/webapp/page/doc/navDoc.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | 三级菜单使用文档--layui后台管理模板 2.0
6 |
17 | 其实本模版中的三级菜单的展示方式和实际开发中的做法是不一样的，下面将说一下本模版中的做法
18 |
19 |
20 | 实际开发
21 |
22 | 在实际的开发中，无论是顶部菜单还是左侧菜单都应该是通过接口获取的。首先获取顶部菜单，然后点击顶级菜单通过传参再次访问接口来获取二级、三级菜单。
23 |
24 | 本模版的做法
25 |
26 | 由于顶部菜单是大分类，不会有太多，所以在本模版中是直接写死的，代码如下【具体请看index.html第25-36行】：
27 |
28 | <dd data-menu="seraphApi"><a href="javascript:;"><i class="layui-icon" data-icon=""></i><cite>使用文档</cite></a></dd>
29 | 请注意这里面的“data-menu”属性，此属性值需要和json中的字段名对应以便能够进行通过此属性查找对应的子菜单
30 |
31 | 然后通过index.js中的代码进行循环渲染，就成了当前大家看到的这个样子了，js代码如下【具体请看index.js中的第18-38行】：
32 |
33 | function getData(json){
34 | $.get("接口路径",function(data){
35 | if(json == "contentManagement"){ //此处即实际开发中传递的参数
36 | dataStr = data.contentManagement; //获取到当前顶级菜单下的子菜单渲染到左侧
37 | tab.render();
38 | }
39 | })
40 | }
41 |
42 |
43 | 如果不动大框架的前提下，请严格按照菜单数据格式返回数据，菜单数据格式请参考：bodyTab模块 去看看菜单数据格式
44 |
45 |
46 |
47 |
65 |
66 |
--------------------------------------------------------------------------------
/src/main/webapp/layui/lay/modules/tree.js:
--------------------------------------------------------------------------------
1 | /** layui-v2.2.5 MIT License By https://www.layui.com */
2 | ;layui.define("jquery",function(e){"use strict";var o=layui.$,a=layui.hint(),i="layui-tree-enter",r=function(e){this.options=e},t={arrow:["",""],checkbox:["",""],radio:["",""],branch:["",""],leaf:""};r.prototype.init=function(e){var o=this;e.addClass("layui-box layui-tree"),o.options.skin&&e.addClass("layui-tree-skin-"+o.options.skin),o.tree(e),o.on(e)},r.prototype.tree=function(e,a){var i=this,r=i.options,n=a||r.nodes;layui.each(n,function(a,n){var l=n.children&&n.children.length>0,c=o(''),s=o(["",function(){return l?''+(n.spread?t.arrow[1]:t.arrow[0])+" ":""}(),function(){return r.check?''+("checkbox"===r.check?t.checkbox[0]:"radio"===r.check?t.radio[0]:"")+" ":""}(),function(){return'"+(''+(l?n.spread?t.branch[1]:t.branch[0]:t.leaf)+" ")+(""+(n.name||"未命名")+" ")}()," "].join(""));l&&(s.append(c),i.tree(c,n.children)),e.append(s),"function"==typeof r.click&&i.click(s,n),i.spread(s,n),r.drag&&i.drag(s,n)})},r.prototype.click=function(e,o){var a=this,i=a.options;e.children("a").on("click",function(e){layui.stope(e),i.click(o)})},r.prototype.spread=function(e,o){var a=this,i=(a.options,e.children(".layui-tree-spread")),r=e.children("ul"),n=e.children("a"),l=function(){e.data("spread")?(e.data("spread",null),r.removeClass("layui-show"),i.html(t.arrow[0]),n.find(".layui-icon").html(t.branch[0])):(e.data("spread",!0),r.addClass("layui-show"),i.html(t.arrow[1]),n.find(".layui-icon").html(t.branch[1]))};r[0]&&(i.on("click",l),n.on("dblclick",l))},r.prototype.on=function(e){var a=this,r=a.options,t="layui-tree-drag";e.find("i").on("selectstart",function(e){return!1}),r.drag&&o(document).on("mousemove",function(e){var i=a.move;if(i.from){var r=(i.to,o('
'));e.preventDefault(),o("."+t)[0]||o("body").append(r);var n=o("."+t)[0]?o("."+t):r;n.addClass("layui-show").html(i.from.elem.children("a").html()),n.css({left:e.pageX+10,top:e.pageY+10})}}).on("mouseup",function(){var e=a.move;e.from&&(e.from.elem.children("a").removeClass(i),e.to&&e.to.elem.children("a").removeClass(i),a.move={},o("."+t).remove())})},r.prototype.move={},r.prototype.drag=function(e,a){var r=this,t=(r.options,e.children("a")),n=function(){var t=o(this),n=r.move;n.from&&(n.to={item:a,elem:e},t.addClass(i))};t.on("mousedown",function(){var o=r.move;o.from={item:a,elem:e}}),t.on("mouseenter",n).on("mousemove",n).on("mouseleave",function(){var e=o(this),a=r.move;a.from&&(delete a.to,e.removeClass(i))})},e("tree",function(e){var i=new r(e=e||{}),t=o(e.elem);return t[0]?void i.init(t):a.error("layui.tree 没有找到"+e.elem+"元素")})});
--------------------------------------------------------------------------------
/src/main/webapp/README.md:
--------------------------------------------------------------------------------
1 | ```
2 | 本模版已进行作品版权证明，不管以何种形式获取的源码，请勿进行出售或者上传到任何素材网站【同时也请各站长自觉遵守】，否则将追究相应的责任
3 | ```
4 | ### 为我点赞
5 | http://fly.layui.com/case/u/3198216
6 | ### 在线预览
7 | http://www.layuicms.com/v2/index.html
8 | ```
9 | 技术交流企鹅群：576881857
10 | ```
11 | ### 模版效果预览
12 | 首页
13 | 
14 | 个人资料
15 | 
16 | 文章发布
17 | 
18 | 使用文档
19 | 
20 | ### 更新日志
21 | - 顶部高度修改为了50px，如果有朋友感觉还是原来的高度更好，请将index.css文件中最底部的4行样式去掉即可，有注释
22 | - 郑重提示：由于后期会对此框架进行多次开发，基本上修改的是大框架，所以强烈不建议对index.js/bodyTab.js进行修改，以便后期的更新能够直接覆盖升级。【以后主要侧重组件开发和功能优化，由于能力有限，请大家多多担待】
23 | - 框架采用最新的layui2.x进行对1.0版本的重写，完全不同于1.0版本的模版，不能覆盖升级
24 | - 由于本人对设计和色差之类的不太感冒，所以一些布局和颜色搭配不是太完美，在此跟大家说声抱歉，大家可以根据自己的喜好进行一些调整
25 | - 新增“系统日志”、“会员等级”、“图标管理”、“使用文档”等页面，新增“功能设置”、“清除缓存”、“编辑文章”等功能
26 | - 由于后期将会整合layIM，所以将原有的“消息”页面删除了，虽然会整合layIM，但是不会提供layIM的下载，如果有需求的朋友可以去进行layIM的授权
27 | - 删除天气组件【感觉没什么作用，如果需要的可以自行去“心知天气”或另外的第三方组件中设置添加】
28 | - 由于项目是响应式，但是table不支持响应式，所以拖动浏览器改变分辨率的情况table可能展示不太友好，之前用window.resize()方法实现了托动改变大小，但是发现每拖动1px就会请求一次接口，所以舍弃了这个方法
29 | - 对搜索模块的位置进行了调整【后面小版本中会提供搜索跳转/打开新窗口功能】
30 | - 由于数据表格的分页、搜索、添加、删除等一系列数据操作需要接口的配合，同时大家都了解这是一套纯前端模版，没有后台，所以这些操作都没有了。有人提议用js动态截取json去实现动态效果，这样当然可以，但是身为一个有严重洁癖的码农，如何能忍受这样的情况？所以这些就需要大家在实际使用中根据接口传参实现了。
31 | - 重构页面图标【由于layui2.0新增了许多图标，所以对原有的图标进行了重构，避免图标冗余。实际使用中建议自己去阿里图标库挑选符合网站风格的进行替换】
32 | - 优化刷新当前页面，关闭其他，关闭全部等按钮造成的bug
33 | - 增加顶部一级菜单用以实现三级菜单，并实现响应式。可以通过更改浏览器的分辨率并且点击顶部菜单来查看效果，这个功能做了一天多啊【后面的小版本会对此功能进行优化，即增加反向定位功能】
34 | - 对90%以上的页面进行了样式优化和微调，使其更加完美【对于有强迫症的我来说，有一点瑕疵都是不能容忍的】
35 | - 由于模版中的动态操作基本都是通过缓存完成的，所以为了避免缓存过多造成卡顿现象，增加“清除缓存”按钮
36 | - 添加自定义是否开启Tab缓存【即刷新页面后是否重新打开刷新前的窗口】、是否切换窗口刷新页面、单一登录等功能。【在功能设定弹窗中设置，在移动端已隐藏此功能】功能其实早就有朋友提出来过，一直没有想到好的方式添加，直到larry的模版出来，感觉方式不错，借鉴了一下他的这种模式，在此对larry表示感谢
37 | - 优化更换皮肤在升级为2.x版本后无效的问题【后期会针对此功能进行深入优化，在移动端已隐藏此功能】
38 | - 优化“点赞、码云、github”链接。【之前虽然也有模版下载链接按钮，不知道是不明显还是什么，总有人私聊我要源码，这次我把按钮改大点，如果你们再看不到，那就不是不明显了。。。】
39 | - 优化“个人资料”页面，修改布局和响应式展示样式，重写地区三级联动效果【已封装成模块】，代码更简洁。【由于静态数据不能通过post方式提交，否则会报405、500错误，所以为了演示，将请求方式修改成了get，在实际使用中请将userInfo.js中的第13行删除，有注释】
40 | - 重做404页面、登录页面，增加动画效果。闪瞎你的钛合金眼
41 | - 新增“图标管理”页面，用于展示引入的第三方图标文件。可点击复制class到想要的地方
42 | - 新增“使用文档”页面，详细描述了模版中封装模块的各个功能，让使用者更加了解封装的模块的功能
43 | - 通过减少列来使table在移动端保持正常显示。需要列足够少，控制在2-3列最好。只需要给在移动端不显示的td添加pc属性即可，如此单元格在移动端不显示 。如果还是理解不了请查看“系统基本参数”页面或者“使用文档”页面
44 | - 全面优化缓存机制，例如只要在“个人资料”页面修改过头像，那其他有头像的地方都会展示修改后的头像；修改“系统基本参数”后刷新页面底部版权修改等【当然这个功能在实际开发中就是个鸡肋，没有什么实际用处，在此处我只是想做个功能展示，毕竟这套模版是不包含后台的】
45 | - “文章列表”页面新增文章编辑功能和预览，另外优化了搜索功能【编辑和优化功能都需要接口配合，预览功能需要前后台配合】
46 | - 重做“添加文章”页面，使其更加适合实际开发中使用【当然这是我以为的，在实际使用中肯定还差很多功能，后面会慢慢完善】编辑器由于本身的问题，点击列表中的编辑按钮有时会赋不上值，请暂时无视，等到layedit重写后重做
47 | - “图片管理”页面新增“上传新图片”和“图片展示【即layer.photo】”功能。【由于弹层的展示获取的是接口中的数据，所以弹层不会展示新上传的图片，当然实际开发中不会有这个问题】
48 | ### 开源协议
49 | MIT License
50 |
--------------------------------------------------------------------------------
/src/main/resources/templates/admin/adminEdit.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
51 |
52 |
53 |
54 |
55 | 所有类别 编辑类别
57 |
58 |
59 |
82 |
85 |
86 |
87 |
88 |
--------------------------------------------------------------------------------
/src/main/resources/templates/admin/genreEdit.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
51 |
52 |
53 |
54 |
55 | 所有类别 编辑类别
57 |
58 |
59 |
82 |
85 |
86 |
87 |
88 |
--------------------------------------------------------------------------------
/src/main/resources/templates/admin/readerEdit.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
51 |
52 |
53 |
54 |
55 | 所有类别 编辑类别
57 |
58 |
59 |
82 |
85 |
86 |
87 |
88 |
--------------------------------------------------------------------------------
/src/main/webapp/page/user/userInfo.js:
--------------------------------------------------------------------------------
1 | var form, $,areaData;
2 | layui.config({
3 | base : "../../js/"
4 | }).extend({
5 | "address" : "address"
6 | })
7 | layui.use(['form','layer','upload','laydate',"address"],function(){
8 | form = layui.form;
9 | $ = layui.jquery;
10 | var layer = parent.layer === undefined ? layui.layer : top.layer,
11 | upload = layui.upload,
12 | laydate = layui.laydate,
13 | address = layui.address;
14 |
15 | //上传头像
16 | upload.render({
17 | elem: '.userFaceBtn',
18 | url: '../../json/userface.json',
19 | method : "get", //此处是为了演示之用，实际使用中请将此删除，默认用post方式提交
20 | done: function(res, index, upload){
21 | var num = parseInt(4*Math.random()); //生成0-4的随机数，随机显示一个头像信息
22 | $('#userFace').attr('src',res.data[num].src);
23 | window.sessionStorage.setItem('userFace',res.data[num].src);
24 | }
25 | });
26 |
27 | //添加验证规则
28 | form.verify({
29 | userBirthday : function(value){
30 | if(!/^(\d{4})[\u4e00-\u9fa5]|[-\/](\d{1}|0\d{1}|1[0-2])([\u4e00-\u9fa5]|[-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/.test(value)){
31 | return "出生日期格式不正确！";
32 | }
33 | }
34 | })
35 | //选择出生日期
36 | laydate.render({
37 | elem: '.userBirthday',
38 | format: 'yyyy年MM月dd日',
39 | trigger: 'click',
40 | max : 0,
41 | mark : {"0-12-15":"生日"},
42 | done: function(value, date){
43 | if(date.month === 12 && date.date === 15){ //点击每年12月15日，弹出提示语
44 | layer.msg('今天是马哥的生日，也是layuicms2.0的发布日，快来送上祝福吧！');
45 | }
46 | }
47 | });
48 |
49 | //获取省信息
50 | address.provinces();
51 |
52 | //提交个人资料
53 | form.on("submit(changeUser)",function(data){
54 | var index = layer.msg('提交中，请稍候',{icon: 16,time:false,shade:0.8});
55 | //将填写的用户信息存到session以便下次调取
56 | var key,userInfoHtml = '';
57 | userInfoHtml = {
58 | 'realName' : $(".realName").val(),
59 | 'sex' : data.field.sex,
60 | 'userPhone' : $(".userPhone").val(),
61 | 'userBirthday' : $(".userBirthday").val(),
62 | 'province' : data.field.province,
63 | 'city' : data.field.city,
64 | 'area' : data.field.area,
65 | 'userEmail' : $(".userEmail").val(),
66 | 'myself' : $(".myself").val()
67 | };
68 | for(key in data.field){
69 | if(key.indexOf("like") != -1){
70 | userInfoHtml[key] = "on";
71 | }
72 | }
73 | window.sessionStorage.setItem("userInfo",JSON.stringify(userInfoHtml));
74 | setTimeout(function(){
75 | layer.close(index);
76 | layer.msg("提交成功！");
77 | },2000);
78 | return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
79 | })
80 |
81 | //修改密码
82 | form.on("submit(changePwd)",function(data){
83 | var index = layer.msg('提交中，请稍候',{icon: 16,time:false,shade:0.8});
84 | setTimeout(function(){
85 | layer.close(index);
86 | layer.msg("密码修改成功！");
87 | $(".pwd").val('');
88 | },2000);
89 | return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
90 | })
91 | })
--------------------------------------------------------------------------------
/src/main/webapp/page/user/userAdd.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | 文章列表--layui后台管理模板 2.0
6 |
2 |
3 |
107 |
--------------------------------------------------------------------------------
/src/main/java/com/zhujinghui/novel/pojo/Chapter.java:
--------------------------------------------------------------------------------
1 | package com.zhujinghui.novel.pojo;
2 |
3 | import com.fasterxml.jackson.annotation.JsonIgnoreProperties;
4 |
5 | import javax.persistence.*;
6 | import java.util.Date;
7 |
8 | /**
9 | * @Author: JinghuiZhu
10 | * @Description: 章节POJO
11 | * @Date: Created in 15:47 2019/2/25
12 | * @Modified By:
13 | */
14 |
15 | @Entity
16 | @Table(name = "t_chapter")
17 | @JsonIgnoreProperties(value={"hibernateLazyInitializer","handler","fieldHandler"})
18 | public class Chapter {
19 | @Id
20 | @GeneratedValue(strategy = GenerationType.IDENTITY)
21 | @Column(name = "id")
22 | private int id;
23 |
24 | @Column(name = "title")
25 | private String title;
26 |
27 | @ManyToOne
28 | @JoinColumn(name = "novel_id")
29 | private Novel novel;
30 |
31 | @Column(name = "contents")
32 | private String contents;
33 |
34 | @Column(name = "word_count")
35 | private int wordCount;
36 |
37 | @Column(name = "create_uid")
38 | private int createUid;
39 |
40 | @Column(name = "create_time")
41 | private Date createTime;
42 |
43 | @Column(name = "update_uid")
44 | private int updateUid;
45 |
46 | @Column(name = "update_time")
47 | private Date updateTime;
48 |
49 | public int getId() {
50 | return id;
51 | }
52 |
53 | public void setId(int id) {
54 | this.id = id;
55 | }
56 |
57 | public String getTitle() {
58 | return title;
59 | }
60 |
61 | public void setTitle(String title) {
62 | this.title = title;
63 | }
64 |
65 | public Novel getNovel() {
66 | return novel;
67 | }
68 |
69 | public void setNovel(Novel novel) {
70 | this.novel = novel;
71 | }
72 |
73 | public String getContents() {
74 | return contents;
75 | }
76 |
77 | public void setContents(String contents) {
78 | this.contents = contents;
79 | }
80 |
81 | public int getWordCount() {
82 | return wordCount;
83 | }
84 |
85 | public void setWordCount(int wordCount) {
86 | this.wordCount = wordCount;
87 | }
88 |
89 | public int getCreateUid() {
90 | return createUid;
91 | }
92 |
93 | public void setCreateUid(int createUid) {
94 | this.createUid = createUid;
95 | }
96 |
97 | public Date getCreateTime() {
98 | return createTime;
99 | }
100 |
101 | public void setCreateTime(Date createTime) {
102 | this.createTime = createTime;
103 | }
104 |
105 | public int getUpdateUid() {
106 | return updateUid;
107 | }
108 |
109 | public void setUpdateUid(int updateUid) {
110 | this.updateUid = updateUid;
111 | }
112 |
113 | public Date getUpdateTime() {
114 | return updateTime;
115 | }
116 |
117 | public void setUpdateTime(Date updateTime) {
118 | this.updateTime = updateTime;
119 | }
120 |
121 | @Override
122 | public String toString() {
123 | return "Chapter{" +
124 | "id=" + id +
125 | ", title='" + title + '\'' +
126 | ", novel=" + novel +
127 | ", contents='" + contents + '\'' +
128 | ", wordCount=" + wordCount +
129 | ", createUid=" + createUid +
130 | ", createTime=" + createTime +
131 | ", updateUid=" + updateUid +
132 | ", updateTime=" + updateTime +
133 | '}';
134 | }
135 | }
136 |
--------------------------------------------------------------------------------
/src/main/webapp/page/doc/addressDoc.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | 三级联动使用文档--layui后台管理模板 2.0
6 |
17 | address模块是封装的一个省市区三级联动的功能，可以和form、layer等模块一样通过模块化引入进行使用。唯一的不同就是模块的存放路径和使用时的配置。下面将对此区别进行详细的描述。
18 |
19 |
20 | 模块加载名称：address
21 |
22 |
23 | 核心方法
24 |
25 | 语法：layui.address()
26 |
27 | layui.use('address', function(){
28 | var layui.address();
29 | });
30 |
31 | 上面说过，模块相对页面的存放路径不同，使用时也需要进行不同的配置。如果页面和此模块属于同级关系，则不用进行任何配置，直接引入即可使用。如果它们不属于同级关系，则需要通过查找address.js文件相对xx.js文件的相对路径进行配置，如：address.js文件与a文件夹属于同级，而a文件夹中包含b文件夹，b文件夹中包含xx.js，通过xx.js引入address模块则进行下面的配置
32 |
33 | layui.config({
34 | base : "../../js/" //如果a文件夹中直接就是xx.js文件，则为“../js/”
35 | }).extend({
36 | "address" : "address"
37 | })
38 |
39 |
40 | HTML数据格式
41 |
42 | 下面是HTML数据格式，其中select的name值和lay-filter值是固定不可改变的 ，因为模块中是通过查找对应name的select进行的赋值，通过form.on("select(filter)")执行选择的方法，所以这两个值是不可以随意更改的。如果需要改变请将模块源码中对应的值一同修改。另外需要注意的是“市”、“区/县”的select需要添加一个disabled属性 ，主要是为了避免在没有选择省份的情况下先选择市、区造成错误。
43 |
44 | //省份select
45 | <select name="province" lay-filter="province">
46 | <option value="">请选择省</option>
47 | </select>
48 | //市select
49 | <select name="city" lay-filter="city" disabled>
50 | <option value="">请选择市</option>
51 | </select>
52 | //区/县select
53 | <select name="area" lay-filter="area" disabled>
54 | <option value="">请选择县/区</option>
55 | </select>
56 |
57 |
58 | JSON数据格式
59 |
60 | 其中code 为地区id，用于给option赋值；name 为地区名称，用于设置option的text；childs 为当前区域的下级地区。
61 |
62 | [{
63 | "code": "11",
64 | "name": "北京市",
65 | "childs": [{
66 | "code": "1101",
67 | "name": "市辖区",
68 | "childs": [{
69 | "code": "110101",
70 | "name": "东城区"
71 | }]
72 | }]
73 | }]
74 |
75 |
76 |
83 |
84 |
--------------------------------------------------------------------------------
/src/main/resources/templates/admin/novelEdit.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
44 |
45 |
91 |
92 |
93 |
94 |
95 |
--------------------------------------------------------------------------------
/src/main/webapp/layui/lay/modules/carousel.js:
--------------------------------------------------------------------------------
1 | /** layui-v2.2.5 MIT License By https://www.layui.com */
2 | ;layui.define("jquery",function(e){"use strict";var i=layui.$,n=(layui.hint(),layui.device(),{config:{},set:function(e){var n=this;return n.config=i.extend({},n.config,e),n},on:function(e,i){return layui.onevent.call(this,t,e,i)}}),t="carousel",a="layui-this",l=">*[carousel-item]>*",o="layui-carousel-left",r="layui-carousel-right",d="layui-carousel-prev",s="layui-carousel-next",u="layui-carousel-arrow",c="layui-carousel-ind",m=function(e){var t=this;t.config=i.extend({},t.config,n.config,e),t.render()};m.prototype.config={width:"600px",height:"280px",full:!1,arrow:"hover",indicator:"inside",autoplay:!0,interval:3e3,anim:"",trigger:"click",index:0},m.prototype.render=function(){var e=this,n=e.config;n.elem=i(n.elem),n.elem[0]&&(e.elemItem=n.elem.find(l),n.index<0&&(n.index=0),n.index>=e.elemItem.length&&(n.index=e.elemItem.length-1),n.interval<800&&(n.interval=800),n.full?n.elem.css({position:"fixed",width:"100%",height:"100%",zIndex:9999}):n.elem.css({width:n.width,height:n.height}),n.elem.attr("lay-anim",n.anim),e.elemItem.eq(n.index).addClass(a),e.elemItem.length<=1||(e.indicator(),e.arrow(),e.autoplay(),e.events()))},m.prototype.reload=function(e){var n=this;clearInterval(n.timer),n.config=i.extend({},n.config,e),n.render()},m.prototype.prevIndex=function(){var e=this,i=e.config,n=i.index-1;return n<0&&(n=e.elemItem.length-1),n},m.prototype.nextIndex=function(){var e=this,i=e.config,n=i.index+1;return n>=e.elemItem.length&&(n=0),n},m.prototype.addIndex=function(e){var i=this,n=i.config;e=e||1,n.index=n.index+e,n.index>=i.elemItem.length&&(n.index=0)},m.prototype.subIndex=function(e){var i=this,n=i.config;e=e||1,n.index=n.index-e,n.index<0&&(n.index=i.elemItem.length-1)},m.prototype.autoplay=function(){var e=this,i=e.config;i.autoplay&&(e.timer=setInterval(function(){e.slide()},i.interval))},m.prototype.arrow=function(){var e=this,n=e.config,t=i([''+("updown"===n.anim?"":"")+" ",''+("updown"===n.anim?"":"")+" "].join(""));n.elem.attr("lay-arrow",n.arrow),n.elem.find("."+u)[0]&&n.elem.find("."+u).remove(),n.elem.append(t),t.on("click",function(){var n=i(this),t=n.attr("lay-type");e.slide(t)})},m.prototype.indicator=function(){var e=this,n=e.config,t=e.elemInd=i(['',function(){var i=[];return layui.each(e.elemItem,function(e){i.push("")}),i.join("")}()," = 12) ? (hour >= 18) ? "晚上" : "下午" : "上午" ); //当前时间属于上午、晚上还是下午
21 | newDate = dateFilter(year)+"年"+dateFilter(month)+"月"+dateFilter(date)+"日 "+" "+dateFilter(hour)+":"+dateFilter(minute)+":"+dateFilter(second);
22 | document.getElementById("nowTime").innerHTML = "亲爱的朱景辉，"+timeValue+"好！ 欢迎来到小说后台 。当前时间为： "+newDate+" "+week;
23 | setTimeout("getLangDate()",1000);
24 | }
25 |
26 | layui.use(['form','element','layer','jquery'],function(){
27 | var form = layui.form,
28 | layer = parent.layer === undefined ? layui.layer : top.layer,
29 | element = layui.element;
30 | $ = layui.jquery;
31 | //上次登录时间【此处应该从接口获取，实际使用中请自行更换】
32 | $(".loginTime").html(newDate.split("日")[0]+"日"+newDate.split("日")[1]);
33 | //icon动画
34 | $(".panel a").hover(function(){
35 | $(this).find(".layui-anim").addClass("layui-anim-scaleSpring");
36 | },function(){
37 | $(this).find(".layui-anim").removeClass("layui-anim-scaleSpring");
38 | })
39 | $(".panel a").click(function(){
40 | parent.addTab($(this));
41 | })
42 | //系统基本参数
43 | if(window.sessionStorage.getItem("systemParameter")){
44 | var systemParameter = JSON.parse(window.sessionStorage.getItem("systemParameter"));
45 | fillParameter(systemParameter);
46 | }else{
47 | $.ajax({
48 | url : "../json/systemParameter.json",
49 | type : "get",
50 | dataType : "json",
51 | success : function(data){
52 | fillParameter(data);
53 | }
54 | })
55 | }
56 | //填充数据方法
57 | function fillParameter(data){
58 | //判断字段数据是否存在
59 | function nullData(data){
60 | if(data == '' || data == "undefined"){
61 | return "未定义";
62 | }else{
63 | return data;
64 | }
65 | }
66 | $(".version").text(nullData(data.version)); //当前版本
67 | $(".author").text(nullData(data.author)); //开发作者
68 | $(".homePage").text(nullData(data.homePage)); //网站首页
69 | $(".server").text(nullData(data.server)); //服务器环境
70 | $(".dataBase").text(nullData(data.dataBase)); //数据库版本
71 | $(".maxUpload").text(nullData(data.maxUpload)); //最大上传限制
72 | $(".userRights").text(nullData(data.userRights));//当前用户权限
73 | }
74 |
75 | //最新文章列表
76 | $.get("../json/newsList.json",function(data){
77 | var hotNewsHtml = '';
78 | for(var i=0;i<5;i++){
79 | hotNewsHtml += ''
80 | +' '+data.data[i].newsName+' '+data.data[i].newsTime.substring(0,10)+' '
82 | +' ';
83 | }
84 | $(".hot_news").html(hotNewsHtml);
85 | $(".userAll span").text(data.length);
86 | })
87 |
88 | //用户数量
89 | $.get("../json/userList.json",function(data){
90 | $(".userAll span").text(data.count);
91 | })
92 |
93 | //外部图标
94 | $.get(iconUrl,function(data){
95 | $(".outIcons span").text(data.split(".icon-").length-1);
96 | })
97 |
98 | })
99 |
--------------------------------------------------------------------------------
/src/main/resources/templates/admin/adminList.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
59 |
60 |
管理员
61 |
62 |
63 |
64 |
65 |
66 |
67 | ID
68 | 名字
69 | 性别
70 | 登录角色
71 | 账号状态
72 | 邮箱
73 | 手机号
74 | 备注
75 | 创建时间
76 | 修改时间
77 | 禁用
78 |
79 |
80 |
81 |
82 | {{bean.id}}
83 | {{bean.userName}}
84 | {{bean.sex}}
85 | {{bean.role}}
86 | {{bean.status}}
87 | {{bean.email}}
88 | {{bean.phone}}
89 | {{bean.remark}}
90 | {{bean.createTime}}
91 | {{bean.updateTime}}
92 |
93 |
95 |
96 |
97 |
98 |
99 |
100 |
102 |
103 |
104 |
--------------------------------------------------------------------------------
/src/main/resources/templates/admin/readerList.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
59 |
60 |
读者管理
61 |
62 |
63 |
64 |
65 |
66 |
67 | ID
68 | 读者名
69 | 性别
70 | 登录角色
71 | 账号状态
72 | 邮箱
73 | 手机号
74 | 备注
75 | 创建时间
76 | 修改时间
77 | 禁用
78 |
79 |
80 |
81 |
82 | {{bean.id}}
83 | {{bean.userName}}
84 | {{bean.sex}}
85 | {{bean.role}}
86 | {{bean.status}}
87 | {{bean.email}}
88 | {{bean.phone}}
89 | {{bean.remark}}
90 | {{bean.createTime}}
91 | {{bean.updateTime}}
92 |
93 |
95 |
96 |
97 |
98 |
99 |
100 |
102 |
103 |
104 |
--------------------------------------------------------------------------------
/src/main/webapp/page/systemSetting/basicParameter.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | 系统基本参数--layui后台管理模板 2.0
6 | '+a.prev+" ":""}(),page:function(){var e=[];if(a.count<1)return"";n>1&&a.first!==!1&&0!==t&&e.push(''+(a.first||1)+" ");var i=Math.floor((t-1)/2),r=n>1?a.curr-i:1,u=n>1?function(){var e=a.curr+(t-i-1);return e>a.pages?a.pages:e}():t;for(u-r2&&e.push('… ');r<=u;r++)r===a.curr?e.push('"+r+" '+r+" ");return a.pages>t&&a.pages>u&&a.last!==!1&&(u+1…'),0!==t&&e.push(''+(a.last||a.pages)+" ")),e.join("")}(),next:function(){return a.next?''+a.next+" ":""}(),count:'共 '+a.count+" 条 ",limit:function(){var e=[''];return layui.each(a.limits,function(t,n){e.push('"+n+" 条/页 ")}),e.join("")+" 到第','确定 '," "].join("")}()};return['',function(){var e=[];return layui.each(a.layout,function(a,t){i[t]&&e.push(i[t])}),e.join("")}(),"
"].join("")},u.prototype.jump=function(e,a){if(e){var t=this,i=t.config,r=e.children,u=e[n]("button")[0],l=e[n]("input")[0],p=e[n]("select")[0],c=function(){var e=0|l.value.replace(/\s|\D/g,"");e&&(i.curr=e,t.render())};if(a)return c();for(var o=0,y=r.length;oi.pages||(i.curr=e,t.render())});p&&s.on(p,"change",function(){var e=this.value;i.curr*e>i.count&&(i.curr=Math.ceil(i.count/e)),i.limit=e,t.render()}),u&&s.on(u,"click",function(){c()})}},u.prototype.skip=function(e){if(e){var a=this,t=e[n]("input")[0];t&&s.on(t,"keyup",function(t){var n=this.value,i=t.keyCode;/^(37|38|39|40)$/.test(i)||(/\D/.test(n)&&(this.value=n.replace(/\D/,"")),13===i&&a.jump(e,!0))})}},u.prototype.render=function(e){var n=this,i=n.config,r=n.type(),u=n.view();2===r?i.elem&&(i.elem.innerHTML=u):3===r?i.elem.html(u):a[t](i.elem)&&(a[t](i.elem).innerHTML=u),i.jump&&i.jump(i,e);var s=a[t]("layui-laypage-"+i.index);n.jump(s),i.hash&&!e&&(location.hash="!"+i.hash+"="+i.curr),n.skip(s)};var s={render:function(e){var a=new u(e);return a.index},index:layui.laypage?layui.laypage.index+1e4:0,on:function(e,a,t){return e.attachEvent?e.attachEvent("on"+a,function(a){a.target=a.srcElement,t.call(e,a)}):e.addEventListener(a,t,!1),this}};e(i,s)});
--------------------------------------------------------------------------------
/src/main/java/com/zhujinghui/novel/controller/GenreController.java:
--------------------------------------------------------------------------------
1 | package com.zhujinghui.novel.controller;
2 |
3 |
4 | import com.zhujinghui.novel.pojo.Genre;
5 | import com.zhujinghui.novel.service.GenreService;
6 | import com.zhujinghui.novel.util.ImageUtil;
7 | import com.zhujinghui.novel.util.Page4Navigator;
8 | import org.springframework.beans.factory.annotation.Autowired;
9 | import org.springframework.web.bind.annotation.*;
10 | import org.springframework.web.multipart.MultipartFile;
11 |
12 | import javax.imageio.ImageIO;
13 | import javax.servlet.http.HttpServletRequest;
14 | import java.awt.image.BufferedImage;
15 | import java.io.File;
16 | import java.io.IOException;
17 | import java.util.List;
18 |
19 | /**
20 | * @Author: JinghuiZhu
21 | * @Description: 小说类别控制器
22 | * @Date: Created in 15:49 2019/2/21
23 | * @Modified By:
24 | */
25 |
26 | @RestController
27 | public class GenreController {
28 |
29 | @Autowired
30 | GenreService genreService;
31 |
32 | /**
33 | * 返回小说类别分页数据
34 | *
35 | * @param start 页码
36 | * @param size 每页记录数
37 | * @return 小说分页数据
38 | */
39 | @GetMapping("/genres")
40 | public Page4Navigator list(@RequestParam(value = "start", defaultValue = "0") int start,
41 | @RequestParam(value = "size", defaultValue = "3") int size){
42 | start = start<0?0:start;
43 | Page4Navigator page4Navigator = genreService.list(start,size,5);
44 | return page4Navigator;
45 | }
46 |
47 | /**
48 | * 添加小说类别
49 | *
50 | * @param genre 单个小说类别
51 | * @param image 类别图片
52 | * @param request 请求
53 | * @return genre 小说类别
54 | * @throws IOException 写入文件异常
55 | */
56 | @PostMapping("/genres")
57 | public Object add(Genre genre, MultipartFile image, HttpServletRequest request) throws IOException {
58 | genreService.add(genre);
59 | saveOrUpdateImageFile(genre,image,request);
60 | return genre;
61 | }
62 |
63 | /**
64 | * 根据id 删除小说类别
65 | *
66 | * @param id 小说类别id
67 | * @param request 请求
68 | * @return null
69 | */
70 | @DeleteMapping("/genres/{id}")
71 | public String delete(@PathVariable("id") int id, HttpServletRequest request){
72 | genreService.delete(id);
73 | File imageFolder = new File(request.getServletContext().getRealPath("images/genre"));
74 | File file = new File(imageFolder,id+".jpg");
75 | file.delete();
76 | return null;
77 | }
78 |
79 | /**
80 | * 根据id 查询小说类别
81 | *
82 | * @param id 类别主键
83 | * @return genre
84 | */
85 | @GetMapping("/genres/{id}")
86 | public Genre get(@PathVariable("id") int id){
87 | Genre genre = genreService.get(id);
88 | return genre;
89 | }
90 |
91 | @PutMapping("/genres/{id}")
92 | public Object update(Genre genre, MultipartFile image, HttpServletRequest request) throws IOException {
93 | String name = request.getParameter("name");
94 | genre.setName(name);
95 | genreService.update(genre);
96 | if (image != null){
97 | saveOrUpdateImageFile(genre, image, request);
98 | }
99 | return genre;
100 | }
101 |
102 | /**
103 | * 保存或更新图片
104 | *
105 | * @param genre 小说类别
106 | * @param image 图片
107 | * @param request 请求
108 | * @throws IOException 写入文件异常
109 | */
110 | public void saveOrUpdateImageFile(Genre genre, MultipartFile image, HttpServletRequest request) throws IOException {
111 | File imageFolder = new File(request.getServletContext().getRealPath("images/genre"));
112 | File file = new File(imageFolder,genre.getId()+".jpg");
113 | if (!file.getParentFile().exists()){
114 | file.getParentFile().mkdirs();
115 | }
116 | image.transferTo(file);
117 | BufferedImage images = ImageUtil.change2jpg(file);
118 | ImageIO.write(images,"jpg",file);
119 | }
120 |
121 | /**
122 | * 查询所有小说
123 | *
124 | * @return List 所有小说
125 | */
126 | public List list(){
127 | return genreService.list();
128 | }
129 |
130 | }
131 |
--------------------------------------------------------------------------------
/src/main/webapp/page/main.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | 首页--小说后台管理
6 |
17 |
18 |
19 |
20 |
30 |
40 |
50 |
60 |
70 |
81 |
84 |
85 |
系统基本参数
86 |
87 |
88 |
91 |
92 |
93 | 当前版本
94 |
96 |
97 | 网站首页
98 |
100 |
101 | 服务器环境
102 |
104 |
105 | 数据库版本
106 |
108 |
109 | 最大上传限制
110 |
112 |
113 | 当前用户权限
114 |
116 |
117 |
118 |
119 |