• web文本阅读平台


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

    今天和一个朋友共同完成了一个基于web的文本阅读平台项目,我们在开发时选用的框架是SSM(MYECLIPSE)框架。我这个朋友知识有限,只会这个框架,哈哈,都是为了方便他。和往常一样选用简单又便捷的MYECLIPSE作为开发工具,基于web的文本阅读平台是一个 后台项目。开发成果为B/S模式,客户端只需要浏览器就可以实现新闻的聚合与阅读,操作起来方便简洁。采用当前非常流行的B/S体系结构,以JSP作为开发技术,主要依赖SSM技术框架,mysql数据库建立本系统。
    一个基于web的文本阅读平台应包含用户角色有管理员、用于注册。为了能让用户顺利登陆系统完成相关操作,需要为每种登陆角色设置账户和密码字段。

    总结得出基于web的文本阅读平台项目所有数据为:管理员(admin)、用于注册(yonghuzhuce)、文本选择(wenbenxuanze)

    基于web的文本阅读平台之管理员表

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

    基于web的文本阅读平台之用于注册表

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

    基于web的文本阅读平台之文本选择表

    字段名 | 类型 | 属性 | 描述
    id | INT(11) | PRIMARY KEY | 文本选择id
    zhonglei | VARCHAR(255) | | 种类
    leixing | VARCHAR(255) | | 类型
    mingcheng | VARCHAR(255) | | 名称
    SET FOREIGN_KEY_CHECKS=0;
    
    -- ----------------------------
    
    -- ----------------------------
    
    -- Table structure for ggjywebdwbydpt
    
    -- ----------------------------
    
    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='文本选择';

    添加文本选择模块:

    在wenbenxuanzeController中定义tianjiawenbenxuanzeact接收页面传入的文本选择参数,定义为wenbenxuanze。其中wenbenxuanze包含字段:种类,类型,名称,使用tianjiawenbenxuanzeact将该文本选择对象存入数据库中,在wenbenxuanzeMapper中定义了insert方法,匹配数据库中的insert into wenbenxuanze语句实现将文本选择数据存入数据库的操作。该部分核心代码如下:

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

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

    返回文本选择管理界面

    return "forward:/tianjiawenbenxuanze.action";

    查询文本选择模块:

    在后台wenbenxuanzeguanli方法中,通过selectByexample方法获取所有的数据信息。将其保存到request中,在页面中通过foreach方法

    进行循环展示到table中。完成文本选择查询操作。具体代码如下:

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

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

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

    返回文本选择管理界面

    return "forward:/wenbenxuanzeguanli.action";

    修改文本选择模块:

    在页面填写完修改信息后,点击修改按钮,将数据提交到xiugaiwenbenxuanze中,封装为一个文本选择

    ,使用update方法修改该文本选择信息,将数据同步到数据库,完成修改操作。

    定义修改成功提示信息,修改文本选择成功,并保存到request中具体代码如下:

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

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

    返回文本选择管理界面

    return "forward:/wenbenxuanzeguanli.action";

    删除文本选择模块:

    删除文本选择功能的实现方式为,通过点击删除文本选择按钮,向服务器发起get请求。请求中包含文本选择的id信息,在wenbenxuanzeController中使用int接受该id,并将该id传入wenbenxuanzedao的deleteByPrimaryKey方法中。该方法的作用为根据id删除对应文本选择。最后将删除文本选择成功的信息返回页面,该部分核心代码如下:

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

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

    返回文本选择管理界面

    return "forward:/wenbenxuanzeguanli.action";

    源码下载

  • 相关阅读:
    【转】HTML5的小知识点小集合
    11月15日下午 ajax返回数据类型为XML数据的处理
    11月15日下午 用代码操作文件(文件夹)
    11月15日上午文件上传
    11月14日用AJAX、PHP、SESSION做购物车
    各种进位制转换
    11月13日上午ajax返回数据类型为JSON数据的处理
    11月13日上午省、市、区(县)三级联动
    11月10日下午 ajax做显示信息以后用ajax、Bootstrp做弹窗显示信息详情
    11月10日上午ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库
  • 原文地址:https://www.cnblogs.com/hxlk/p/11631022.html
Copyright © 2020-2023  润新知