演示视频:
https://www.bilibili.com/video/BV1C94y1T7J6/
5 详细设计
5.1 概述
总体设计阶段以比较抽象概括的方式提出了解决问题的办法。详细设计是软件开发时期的第三个阶段,也是软件设计的第二步。其任务就是把解法具体化,也就是回答下面这个关键的问题:“应该怎样具体地实现这个系统呢?”,通过详细设计应该得出对目标系统的精确描述,给出各个模块的详细过程性描述。从而在编码阶段可以把这个描述直接翻译成用某种程序设计语言书写的程序。
5.2 程序流程图
程序流程图又称为程序框图,用来描述软件的设计。
1. 学生成绩查询的程序流程图:
开始
存在?
显示查询界面
结束
N
Y
输入学生学号
显法学生成绩信息
图 5-1学生成绩网上查询的程序流程图
- 管理员系统管理程序流程图如下:
开始
正确?
登录窗口
N
Y
管理界面
学生信息查询
学和成绩信息管理
学生成绩查询
学生基本信息管理理
结束
图 5-2管理员后台管理的程序流程图
5.3 后台系统的实施
后台系统主要是为管理员服务的,主要由六个模块组成,管理员登录模块、学生信息管理模块、学成成绩管理模块、留言管理模块、学生信息查询模块和学生成绩查询模块。
5.3.1 连接数据库的包含文件(SQLDB.JSP)
在本网站中,由于需要频繁调用数据库中的数据,为避免在每次调用的地方都加入连接数据库的代码,所以编写了数据库的连接文件sqldb.JSP,在些文件中包含连接数据库的计算机名字,用户名和密码。
5.3.2 管理员登录页面(login.JSP)
本页是学生成绩网上查询与后台管理的入口,为了确保网站与数据库的安全,对进入的人进行身份验证,尤其是网站的后台管理系统。本页的主要功能就是对用户进行身份验证。只有用户名和密码都正确才可以进入后台系统进行系统的管理。
下面是管理中登录页面如图5-2所示。
图5-2 管理员登录页面
5.3.3 学生信息管理模块
本模块包括学生基本信息的添加、删除、修改查询。
- 学生信息添加页面(addstudent.JSP)
该面是学生基本信息的添加窗口,进入此页面后,要求管理员输入学生的学号,姓名,性别,年级,班级,然后点击提交,即可完成学生信息的添加,如果添加成绩,系统会有相应提示信息,提示学生信息添加成功。
、
图5-3学生基本信息添加页面
- 学生信息的查询、删除及修改
学生修改的页面文件是editstudent.JSP,选项此功能后,系统打开另一窗口,允许管理员对学生的信息进行修改。学生删除的页面是delstudent.JSP,此页面完成学生信息的册除操作。
图5-4 学生信息编辑页面
5.3.4 学生成绩管理模块
1.学生成绩查询模块
此模块完成学生成绩查询的功能。需要选学课程、年级和班级,然后点击“成绩信息”,系统会把相关的信息显示出来。对于管理员,还可以对这些信息进行编辑(editscore.JSP)和删除(delscore.JSP)。学生成绩查询模块的的界面如图5-5所示:
图5-5 学生成绩查询及编辑页面
2.学生成绩添加模块
此页面对应的文件是addscore.JSP,此模块完学生成绩的信息的录入功能。选择学生的姓名,学科,学期和考试方式,输入成绩完成学生成绩的添加的功能。学生成绩添加模块的页面如图5-6所示:
图5-6 学生成绩添加页面
5.4 前台系统的实现
前台系统功能主要是学生成绩的网上查询和留言信息的发布。
学生成绩查询模块
该模块完成学生成绩的查询功能,学生需要录入自己的学号,再选择要查询的学期,点击“查询”即可以完成查询的功能。系统会列出学科,成绩,类型和任课教师的信息。学生成绩查询模块如图5-8所示:
图5-8 成绩查询页面
6 实现系统
6.1 开发系统所用技术
1.开发平台:JSP+SQL Server+TOMCAT5
2.开发工具:JSP,Macromedia Dreamweaver, SQL Server
6.2 数据库开发工具简介
6.2.1 JSP的产生
近年来随着Internet技术的飞速发展及用户需求的不断升级,Web页面技术也不断的推陈出新,使得Web站点的功能越来越强大,能够提供的服务种类越来越繁多。从HTML、Client Script 到CGI,从JAVA的诞生到ActiveX, Web页面设计人员不断受到冲击,微软公司在总结了以往技术,重新思考Web页面设计的真正需要后,推出了Active Server Pages (JSP),一种用以取代CGI(Common Gateway Interface,通用网关接口)的技术。
简单讲,JSP是位于服务器端的脚本运行环境,通过这种环境,用户可以创建和运行动态的交互式 Web 服务器应用程序,如交互式的动态网页,包括使用 HTML 表单收集和处理信息,上传与下载等等。更重要的是,JSP使用的ActiveX技术基于开放设计环境,用户可以自己定义和制作组件加入其中,使自己的动态网页几乎具有无限的扩充能力,这是传统的Web编写工具所远远不及的地方。使用JSP还有个好处,就在于JSP可利用ADO(Active Data Object,微软的一种新的数据访问模型)方便快捷地访问数据库,从而使得开发基于WWW的应用系统成为可能,这也是本文选择JSP作为开发工具最重要的原因之一。
6.2.2 SQL Server简介
SQL Server 2000是一个客户机/服务器关系型数据库管理系统,它使用结构化查询语言SQL在客户机和SQL Server之间发送请求。它可以运行于现在几乎所有的操作系统平台上,功能强大,界面友好,是世界上最流行的数据库软件之一。
6.2.3 Dreamweaver MX 2004 简介
Dreamweaver是由Macromedia公司推出的,用于网页开发和网站管理的专业化设计工具。它采用了多种新技术,具有设计和开发网站过程中需要的网站管理、网站设计、页面制作、多媒体制作和动画制作等丰富实用的功能;它具有友好的操作界面,在文档窗口中可以打开各种浮动面板,同时还可以使用系统内置的多种对象进行操作。 DREAMWEAVER具有如下特点:
1) 最佳的制作效率
Dreamweaver可以用最快速的方式将Fireworks,FreeHand,或Photoshop等档案移至网页上。使用检色吸管工具选择萤幕上的颜色可设定最接近的网页安全色。对於选单,快捷键与格式控制,都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具,如Playback Flash,Shockwave和外挂模组等搭配,不需离开Dremweaver便可完成,整体运用流程自然顺畅。除此之外,只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。
2) 网站管理
使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称,Dreamweaver 会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。
3) 无可比拟的控制能力
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组,Dreamweaver 支援精准定位,利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。 所见即所得 Dreamweaver成功整合动态式出版视觉编辑及电子商务功能,提供超强的支援能力给Third-party厂商,包含JSP, Apache,BroadVision, Cold Fusion,iCAT, Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时,所见即所得的功能,让您不需要透过浏览器就能预览网页。 梦幻样版和XML Dreamweaver将内容与设计分开,应用於快速网页更新和团队合作网页编辑。建立网页外观的样版,指定可编辑或不可编辑的部份,内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。 全方位的呈现利用Dreamweaver设计的网页,可以全方位的呈现在任何平台的热门浏览器上。对于cascading style sheets的动态HTML支援和鼠标换图效果,声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能,Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时,只要从Dreamweaver的网站在下载它的描述档,便可得知详尽的成效报告