《个人在线知识仓库》PPT课件.ppt

第3章 个人在线知识仓库,1、系统设计 系统特点 功能设计 用户界面草图 页面迁移图 页面功能设计 2、数据库设计 3、JSP页面程序 4、系统功能完善,3.1 系统设计,3.1.1 系统特点 考虑制作一个小工具，随时将自己平时获得的小知识存储起来，进行分类存储，便于以后检索查询。 主要的目的是学习数据库的增、删、改和查询等功能的实现。,3.1.2 功能设计,插入,查看,修改,删除,查询,使用者,3.1.3 用户界面草图,插入页面草图,知识点编号,00000001,所属大分类,所属小分类,知识点标题,知识点内容,计算机软件开发,JSP开发,JSP中文问题解决方案,JSP中文问题解决方案 如何解决？ 这是个困难的问题，于是 ,登录,重写,查询页面,请输入查询条件：,所属大分类,所属小分类,标题关键字,内容关键字,计算机软件开发,JSP开发,JSP,编译,查询,查询一览页面,查看详细页面(删除页面)草图,知识点编号,00000001,所属大分类,所属小分类,知识点标题,知识点内容,计算机软件开发,JSP开发,JSP中文问题解决方案,JSP中文问题解决方案 如何解决？ 这是个困难的问题，于是 ,返回一览,修改页面草图,知识点编号,00000001,所属大分类,所属小分类,知识点标题,知识点内容,计算机软件开发,JSP开发,JSP中文问题解决方案,JSP中文问题解决方案 如何解决？ 这是个困难的问题，于是 ,返回一览,修改,3.1.4 页面迁移图,首页,新增,查询,插入页面,查询页面,查询一览页面,确定,关闭,IE关闭,3.1.5 页面功能基本设计 （1）插入页面设计 （2）查询页面设计 （3）查询一览页面设计 （4）查看详情页面设计 （5）修改页面设计,3.3 数据库设计,（1）大分类表 category,（2）小分类表sub_category,3.3 数据库设计,（3）知识点表tip,创建数据库,CREATE TABLE category ( category_cd CHAR(2) NOT NULL, category_name VARCHAR(20) NOT NULL, PRIMARY KEY (category_cd) ); CREATE TABLE sub_category ( category_cd CHAR(2) NOT NULL, sub_category_cd CHAR(2) NOT NULL, Sub_category_name VARCHAR(20) NOT null, PRIMARY KEY ( category_cd, sub_category_cd ) );,创建数据库,CREATE TABLE tip ( tip_cd CHAR(8) NOT NULL, category_cd CHAR(2) NOT NULL, sub_category_cd CHAR(2) NOT NULL, tip_title VARCHAR(90) NOT NULL, tip_content TEXT, PRIMARY KEY ( tip_cd) );,3.4.1 目录结构,3.4 JSP程序设计,3.4.2 首页页面编写,显示当前数据库中记录的个数,新增按钮,查找按钮,关闭按钮,外围框架,页面框架,1、对数据库的访问，包括打开数据库，关闭数据库 2、数据库当前记录个数的统计 3、页面框架的显示元素（定好页面显示框架，有助于页面风格的统一）。,页面框架程序, 欢迎来到知识仓库 在这里放上实际页面的显示内容 ,打开数据库连接程序cmnDBOpen.jsp,关闭数据库连接程序cmnDBClose.jsp,“ + e.getMessage(); e.printStackTrace(); finally /释放数据库连接 conn.close(); %,计算数据库记录条数cmnTipCount.jsp,框架显示程序,1、框架首部显示程序 cmnPageTop.jsp 2、框架底部显示程序 cmnPageBottom.jsp 3、主页面程序 index.jsp,首页使用的7个文件,3.4.3 登录页面程序编写,知识点编号,00000001,所属大分类,所属小分类,知识点标题,知识点内容,计算机软件开发,JSP开发,JSP中文问题解决方案,JSP中文问题解决方案 如何解决？ 这是个困难的问题，于是 ,登录,重写,大分类数据的获取 sCategorys,小分类数据的获取 sSubCategorys,分类数据的获取,1、在服务器端读取数据库，获取大小分类数据存入变量sCategorys和sSubCategorys。(见程序cmnGetCategory.jsp) 2、客户端用JavaScript读取大小分类数据，并转换成数组Array格式。 var categoryArray=new Array(); var subcategoryArray=