首页 > Web开发 > 详细

B/S文本阅读系统

时间:2019-09-29 14:22:00      阅读:74      评论:0      收藏:0      [点我收藏+]

每天记录学习,每天会有好心情。*^_^*

今天和一个朋友共同完成了一个基于BS模式下的文本阅读系统项目,我们在开发时选用的框架是SSM(MYECLIPSE)框架。我这个朋友知识有限,只会这个框架,哈哈,都是为了方便他。和往常一样选用简单又便捷的MYECLIPSE作为开发工具,基于BS模式下的文本阅读系统是一个 后台项目。基于BS模式下的文本阅读系统的介绍是这样的:传统的Web应用程序执行速度较慢,交互也受到限制,尤其是和典型的桌面应用程序相比。为了获得新数据而不重新加载Web页面,虽然也曾经采用过一些方法,但这些技术都没有很好的被支持。 随着Web 2.0的出现,一个过去并不被广泛支持的技术已经被越来越多的用户所接受,它给了开发者更多的自由,开发先进的Web应用程序。开发成果为B/S模式,客户端只需要浏览器就可以实现新闻的聚合与阅读,操作起来方便简洁。,一个基于BS模式下的文本阅读系统应包含用户角色有管理员、用于注册。为了能让用户顺利登陆系统完成相关操作,需要为每种登陆角色设置账户和密码字段。

总结得出基于BS模式下的文本阅读系统项目所有数据为:管理员(admin)、用于注册(yonghuzhuce)、文本选择(wenbenxuanze)

基于BS模式下的文本阅读系统之管理员表

字段名 | 类型 | 属性 | 描述
id | INT(11) | PRIMARY KEY | 管理员id
username | VARCHAR(255) | | 账号
password | VARCHAR(255) | | 密码
quanxian | VARCHAR(255) | | 权限

 

基于BS模式下的文本阅读系统之用于注册表

字段名 | 类型 | 属性 | 描述
id | INT(11) | PRIMARY KEY | 用户注册id
xingming | VARCHAR(255) | | 姓名
xingbie | VARCHAR(255) | | 性别
nianling | VARCHAR(255) | | 年龄
aihao | VARCHAR(255) | | 爱好
username | VARCHAR(255) | | 账号
password | VARCHAR(255) | | 密码

 

基于BS模式下的文本阅读系统之文本选择表

字段名 | 类型 | 属性 | 描述
id | INT(11) | PRIMARY KEY | 文本选择id
zhonglei | VARCHAR(255) | | 种类
leixing | VARCHAR(255) | | 类型
mingcheng | VARCHAR(255) | | 名称

 

 

SET FOREIGN_KEY_CHECKS=0;

-- ----------------------------

-- ----------------------------

-- Table structure for ggjyBSmoshixiadewbydxt

-- ----------------------------

DROP TABLE IF EXISTS `t_admin`;

CREATE TABLE `t_admin` (`id` INT(11) NOT NULL AUTO_INCREMENT COMMENT 管理员id,`username` VARCHAR(255) DEFAULT NULL COMMENT 账号,`password` VARCHAR(255) DEFAULT NULL COMMENT 密码,`quanxian` VARCHAR(255) DEFAULT NULL COMMENT 权限,PRIMARY KEY (`id`)

) ENGINE=MyISAM DEFAULT CHARSET=utf8 COMMENT=管理员;

-- ----------------------------

DROP TABLE IF EXISTS `t_yonghuzhuce`;

CREATE TABLE `t_yonghuzhuce` (`id` INT(11) NOT NULL AUTO_INCREMENT COMMENT 用户注册id,`xingming` VARCHAR(255) DEFAULT NULL COMMENT 姓名,`xingbie` VARCHAR(255) DEFAULT NULL COMMENT 性别,`nianling` VARCHAR(255) DEFAULT NULL COMMENT 年龄,`aihao` VARCHAR(255) DEFAULT NULL COMMENT 爱好,`username` VARCHAR(255) DEFAULT NULL COMMENT 账号,`password` VARCHAR(255) DEFAULT NULL COMMENT 密码,PRIMARY KEY (`id`)

) ENGINE=MyISAM DEFAULT CHARSET=utf8 COMMENT=用于注册;

-- ----------------------------

DROP TABLE IF EXISTS `t_wenbenxuanze`;

CREATE TABLE `t_wenbenxuanze` (`id` INT(11) NOT NULL AUTO_INCREMENT COMMENT 文本选择id,`zhonglei` VARCHAR(255) DEFAULT NULL COMMENT 种类,`leixing` VARCHAR(255) DEFAULT NULL COMMENT 类型,`mingcheng` VARCHAR(255) DEFAULT NULL COMMENT 名称,PRIMARY KEY (`id`)

) ENGINE=MyISAM DEFAULT CHARSET=utf8 COMMENT=文本选择;

 

 

添加文本选择模块:

从页面中通过post方法,将文本选择信息传入到后台服务器中,在tianjiawenbenxuanzeact

中接收,字段包括种类,类型,名称使用insert方法添加数据,将数据同步到

数据库中,完成添加操作。定义添加成功提示信息,添加文本选择成功,并保存到request中具体代码如下:

通过wenbenxuanzedao的insert方法将页面传输的文本选择添加到数据库中 wenbenxuanzedao.insert(wenbenxuanze);

将添加文本选择成功信息,保存到request的message中,在页面中给出用户提示 request.setAttribute("message", "添加文本选择成功");

返回文本选择管理界面

return "forward:/tianjiawenbenxuanze.action";

查询文本选择模块:

文本选择的查询模块实现方式为,在页面中发起wenbenxuanzeguanli.action请求。通过该请求,响应服务器wenbenxuanzeController类中的wenbenxuanzeguanli,在该方法中通过selectByexample进行数据的查询操作。将所有的文本选择信息查询后,保存到request中的wenbenxuanzeall中,在页面中进行展示,返回wenbenxuanzeguanli.jsp,该部分核心代码如下所示:

生成文本选择样例类,通过example定义查询条件 WenbenxuanzeExample example = new WenbenxuanzeExample();

通过wenbenxuanzedao的selectByExample方法查询出所有的文本选择信息 List wenbenxuanzeall = wenbenxuanzedao.selectByExample(example);

将文本选择信息,保存到request中,在页面通过foreach方法进行展示 request.setAttribute("wenbenxuanzeall", wenbenxuanzeall);

返回文本选择管理界面

return "forward:/wenbenxuanzeguanli.action";

修改文本选择模块:

在页面完成文本选择的修改信息填写后,将该部分数据传入xiugaiwenbenxuanze.action地址,并通过post进行提交。提交后在wenbenxuanzeController中通过xiugaiwenbenxuanze进行接收,将所有字段封装为一个文本选择实体。并将该实体传入wenbenxuanzedao中的updateByPrimaryKeySelective方法中,在该方法中定义了通过文本选择id更新其余文本选择的字段,该部分字段包括种类,类型,名称,该部分核心代码如下所示:

通过wenbenxuanzedao的修改方法根据id修改对应的文本选择 wenbenxuanzedao.updateByPrimaryKeySelective(wenbenxuanze);

将修改文本选择成功信息,保存到request的message中,在页面中给出用户提示 request.setAttribute("message", "修改文本选择信息成功");

返回文本选择管理界面

return "forward:/wenbenxuanzeguanli.action";

删除文本选择模块:

在页面中通过a标签,shanchuwenbenxuanze?id=将id传入到后台中,通过shanchuwenbenxuanze接收文本选择id。使用deleteByid的方法

删除该文本选择,完成删除操作。定义删除成功提示信息,删除文本选择成功,并保存到request中,该部分代码如下:

通过wenbenxuanzedao的删除方法根据id删除对应的文本选择 wenbenxuanzedao.deleteByPrimaryKey(id);

将删除文本选择成功信息,保存到request的message中,在页面中给出用户提示 request.setAttribute("message", "删除文本选择成功");

返回文本选择管理界面

return "forward:/wenbenxuanzeguanli.action";

B/S文本阅读系统

原文:https://www.cnblogs.com/bfmbch/p/11607433.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!