引言:教学质量管理平台类似于高职及以上学校的官方网站,在生活中被广泛用来向外界和校内传达信息,具有着不可忽视的作用,我现在大三,目前在南京一家公司做java开发,在老师的带领下我接受了这个项目,大部分模块的开发都靠我自己一个人完成,我觉得项目开发的过程还是比较重要的,希望写下这个博客记录我开发的过程,这点我觉得尤为重要,希望能与大家广泛的交流。
1.0.0:项目名称:教学质量管理平台。(web 项目)
author:李庆照
用到的技术:java ,jsp,html5,css, js ,jquery ,ajax,ssm,layui;
开发工具:eclipse,navicat,mysql.
开发周期:2个月;
开发时间:2018-9-1---2018-10-31;
项目的主要设计图:
1.0.1前台展示界面:
1.0.2:后台的主要功能模块:
1.0.3:项目结构:
2.0.0:主要界面简介:
后台界面:defautl.jsp ,
前台界面:index.jsp
通知公告主界面:articleinfo.jsp
友情链接主界面:friendshiplinkinfo.jsp
用户管理界面:userinfo.jsp
模板界面:templet.jsp,用来显示公告信息的详细内容
前台tab模板分页:tabtemplet.jsp,主要用于通知公告分页查询各个标题。
2.0.1:Controller控制器:
UtilsController:负责处理一些界面的跳转
UserController:负责处理用户管理模块的请求。
ArticleController:负责处理通知公告模块的请求。
FriendshiplinkController:负责处理友情链接模块的请求。
2.0.2:interface:接口:
UserMapper.interface:用户管理模块的接口
ArticelMapper.interface:通知公告管理模块接口
FriendshiplinkMapper.interface:友情管理模块接口
2.0.3 Mapper文件:
UserMapper.xml:负责编写用户管理模块的增删改查语句
FriendshiplinkMapper.xml:负责编写友情链接模块的增删改查语句
AritcleMapper.xml:负责编写通知公告模块的增删改查语句
2.0.4 Model 实体类:
User:对应的用户表
Article:对应的通知公告的article表
Friendshiplink:对应的友情连接的表
2.0.5 Service:业务逻辑层
UserService:用户管理模块的实现类
FriendshiplinkService:友情链接模块的实现类
ArticleService:通知公告模块的实现类
2.0.6 css样式:
layui.css:前端框架样式。
Allstyle.css:负责index前台的样式
Style.css:负责后台界面的样式
2.0.7:脚本元素:
Layui.js:负责关于layui的脚本操作
Jquery.js:处理脚本等
Index.js:自己写的脚本都放在这里
2.0.8:WebContent/views目录:
/teachingquality/WebContent/main.jsp://用来加载前台界面:
/teachingquality/WebContent/WEB-INF/views/addArticle.jsp://添加公告
/teachingquality/WebContent/WEB-INF/views/addFriendshiplink.jsp://添加友情链接
/teachingquality/WebContent/WEB-INF/views/addUser.jsp://添加用户
/teachingquality/WebContent/WEB-INF/views/articleinfo.jsp://后台显示通知公告的记录
/teachingquality/WebContent/WEB-INF/views/default.jsp//后台默认界面
/teachingquality/WebContent/WEB-INF/views/friendshiplinkinfo.jsp//后台显示友情链接的记录
/teachingquality/WebContent/WEB-INF/views/index.jsp//前台展示界面
/teachingquality/WebContent/WEB-INF/views/tabtemplet.jsp//前台数据tab分页切换模板
/teachingquality/WebContent/WEB-INF/views/templet.jsp//前台数据打印
/teachingquality/WebContent/WEB-INF/views/updateFriendshiplink.jsp//更改友情链接
/teachingquality/WebContent/WEB-INF/views/updateUser.jsp//更改用户
/teachingquality/WebContent/WEB-INF/views/userinfo.jsp//后台显示用户的记录
3.0:功能模块
3.0.1:通知公告模块
表名:article;字段有:articleid:公告id,title:公告标题,content:公告内容,userid:外键,time:创建日期
后台主界面:articleinfo.jsp,Controller:ArticleController.
DROP TABLE IF EXISTS `article`;
CREATE TABLE `article` (
`articleid` int(11) NOT NULL AUTO_INCREMENT,
`title` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL,
`content` text CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL,
`userid` int(11) DEFAULT NULL,
`time` date NOT NULL,
PRIMARY KEY (`articleid`) USING BTREE
) ENGINE = InnoDB AUTO_INCREMENT = 19 CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = Dynamic;
SET FOREIGN_KEY_CHECKS = 1;
3.0.2:友情链接模块
表名:friendshiplink;字段有:linkid,主键自增,linkname:友情链接名称;
后台主界面:friendshiplinkinfo.jsp,
Controller:FriendshiplinkController ;
Mapper文件:FriendshiplinkMapper.xml;
实体类:friendshiplink;
接口:FriendshiplinkMapper.interface;
添加:views/addFriendshiplink.jsp
更改:views/updateFriednshiplink.jsp;
3.0.3:留言管理模块
table:wordboard ,
model:Wordboard,
interface:WordboardMapper.interface,
mybatis-xml:WordboardMapperx.xml
字段 |
类型 |
长度 |
是否为null |
描述 |
id |
Integer |
0 |
否 |
主键 |
leavewordname |
Varchar |
45 |
是 |
留言人名字 |
content |
Varchar |
300 |
否 |
留言内容 |
time |
Datetime |
0 |
否 |
留言时间 |
相关界面:
/WebContent/views/wordboard.jsp:属于前台的显示界面;
/WebContent/views/wordboardinfo.jsp:属于后台的主要操作界面;