ssm实战项目教学质量管理平台开发过程(超详细)

引言:教学质量管理平台类似于高职及以上学校的官方网站,在生活中被广泛用来向外界和校内传达信息,具有着不可忽视的作用,我现在大三,目前在南京一家公司做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:属于后台的主要操作界面;

未完待续。。。。

猜你喜欢

转载自blog.csdn.net/liqz666/article/details/82801277