该项目在基本不使用外部框架的前提下,制作一个用户笔记管理系统。开发遵循MVC架构,使用了JavaSE、Javaweb、JSP、MySQL数据库、Tomcat的maven插件、listener监听、filter过滤器、以及前端三剑客HTML、css、JavaScript等,包括EL表达式、JSTL库以及用于处理异步请求的Ajax和axios
项目展示
首先,利用Tomcat启动该管理系统:
底层目录结构:
进入登录页面:
如果点击蓝色的“没有账号?点击注册”超链接,就会跳转到注册页面:
注册页面的前端展示使用了Ajax请求,要符合一定规范才能注册,否则输入框下会有提示信息且无法注册账号
利用了Ajax请求将输入框的数据拿到数据库做校验和比对
提交表单注册成功后, 通过重定向跳转到登录页面。点击“记住我”,再点击登录,就可以在cookie储存生命周期为一周的账号密码键值对
从而退出页面再重新进入就可以看到输入框已经有之前登录的用户名和密码
登录后进入到系统首页(没登录直接进入将被FILTER拦截,然后跳转到登录页),每页可以展示6篇笔记,每篇笔记只要是自己的,将会显示回收站图标,点击即可删除。同时右上角显示用户名、链接
系统首页的笔记可以跳转下一页、可以分页查询、分区域查询、按关键字搜索,还可以点击“查看笔记”进入笔记详情页,都是通过前端页面通过Ajax配合servlet调用数据库查询完成的
笔记详情页展示笔记的标题和内容、笔记信息、作者信息、点赞量和收藏量
另外,用户查看他人的笔记还可以发表评论
用户点赞笔记后,点赞按钮会变换图标,同时数据库中的点赞表将会相应记录数据 。收藏同理
输入框输入评论然后点击提交按钮就能看到自己的评论发布在评论区
(这是区域管理员身份登录)点击一下查询“管辖区内的所有笔记” , 然后就会展示区域内所有笔记
其中有些笔记是待审批的,管理员审批后才能被外界看到。这些笔记会有个标识,同时管理员点击进去可以审批笔记
右上角可以点击笔记发布按钮。发布笔记,包括标题、内容、标签、区域、图片上传等等
右上角可以点击个人主页按钮 ,可以查看我的信息(笔记详情页点击笔记作者也可以查看作者的个人信息)