springboot003线上阅读系统

摘 要

随着社会发展速度的愈来愈快,以及社会压力变化的越来越快速,致使很多人采取各种不同的方法进行解压。大多数人的稀释压力的方法,是捧一本书籍,心情地让自己沉浸在情节里面,以短暂的愉悦让自己得以释怀。网上阅读平台是典型的信息发布系统,其开发主要包括后台数据库的建立和维护以及前端应用程序的开发两个方面。对于前者要求建立起数据一致性和完整性强、数据安全性好的数据库。而对于后者则要求应用程序功能完备,易使用等特点。

我们使用Microsoft公司的JSP开发工具,使用MSSQL制作系统的数据库,结合JSP技术,做一个具有页面样式设计站内新闻,用户注册,在线留言,书籍查询,关于本站,用户登录,按类别查询,查看书籍简介,阅读书籍正文,插入书签用户添加/查看/修改自己书库,是小型的网上阅读平台。

关键词: 网上阅读平台 管理 JSP 数据库

 

Summary

 

With the increasing depth of social life to the external website as a display window for the exchange of information within and outside, has become a pressing public need. Website forum system is a typical management information system (MIS), including its main development background to the establishment and maintenance of the database and front-end application development The request for the establishment of strong data consistency and integrity, data security good database. For the latter request applications functions, such as easy to use features.

We use the Dreamweaver MX Macromedia Company production run, the use of MSSQL database production system, with the more popular JSP technology, so a simple pattern design, modify or delete forums, modify or delete users, data update, Batch delete users, the total installed automated functional information management system for small websites.

Keyword : management JSP database

 

第一章引 言

在每天以亿数的新生网页中,没有纯正的书籍阅读的网站;在繁杂纷乱的网络资讯中,没能找到真正适合学生阅读书籍的网站。这是一个很尴尬的场面,而今,这种局面将会被打破了。较那些内容杂乱不堪的网站,网上阅读平台立足书籍信息更新,向用户提供最好最新的书籍。网站没有花里胡哨的功能,以内容取胜,以知识见长。功能方面强调简单明了,把不需要的功能一概除去,只留下最需要最基本的。这也是本站内容取向的一大特点。

本站跟别的网络信息平台(如:聊天、博客等)相比较有以下的特点:

1、从适用的范围来看:本站强调操作简单,内容直观,去除了一切可有可无的功能,所以操十分简便,只要能联上IE,只要能控制鼠标,都可以在本站看到想要的东西;

2、从网络文化的角度来看:网络资讯繁杂纷乱,书籍信息亦然,人们常常无法分辨哪个才是自己想要的,同时也无法判断哪个才是最新的信息,而有些网络信息查询平台为了吸引人气,把手段使到极致,倒是把网站作为媒体的最基本的信息传播的功能放到最末了。本站深知作为网络传媒的最基本的传播功能,所以,一心把这个职责做到极致;

3、从书籍的组织形式来看:本站的所有书籍都是管理员亲自审核,做到:一、简单明了;二、及时更新,准确无误;三、信息无冗余无遗漏。没有花招,没有评论。

 

第二章 网站开发所需要的工具

2.1 系统开发工具介绍

2.1.1 Macromedia Dreamweaver MX 2004简介

Macromedia Dreamweaver MX 2004提供了更多功能强劲的可视化设计工具、应用开发环境以及代码编辑支持。使开发人员和设计师能够快捷的创建代码规范的应用程序,集成程度非常高,开发环境精简而高效,开发人员能够运用Dreamweaver与他们的服务器技术构建功能强大的网络应用程序衔接到用户的数据、网络服务体系。

Dreamweaver MX 2004提供基于强大的规范管理来确保高质量的设计,设计环境提供CSS迅速高效的开发代码简洁、专业规范的站点。

Dreamweaver MX 2004新特点简介如下:

1、将世界一流水平的“设计”和“代码”编辑器合二为一在设计窗口中精化源代使你能够按工作的需要定制自己的用户界面。

2、利用丰富的CSS样式表支持构筑复杂的、标准规范的站点。同时提供了丰富的使用工具用于快速选择和样式属性控制工具。

3、跨浏览器有效性检查。

4、使用内置的图形编辑程序让开发更加节省时间

5、创建更适用的用户界面
6、功能更多的CSS支持,CSS的可视化设计CSS检查工具:
7、改进CSS直观应用效果

8、改进的CSS面板

9、基于文本属性改进的CSS检查工具

10、新的基于页面属性的CSS

11、CSS代码提示:在代码窗口中快速查看手工编写的CSS样式的提示,或由Ctrl/Space键调出代码提示。

12、运用完整的集成开发环境来开发HTML、XHTML、XML、ASP、Microsoft ASP.NET、JSP、JSP、和Macromedia ColdFusion站点。通过Macromedia插件中心你可以获取超过800个免费插件来定制和扩展你的开发环境。

13、 FTP安全保障:所有传输的文件完全加密,并阻止越权存取你的信息、file内容、用户名和口令。

14、外部文档/代码的无缝结合

15、增强与MX其它软件产品的结合能力,包括Flash、Fireworks及其他Macromedia Studio MX 2004设计开发工具。

16、Microsoft ASP.NET Form控制对象:使用改进后的ASP.NET对象和属性检查工具构建操作Microsoft ASP.NET web forms。

17、JSP服务器行为:
重新编写的JSP语法和服务器行为,包括Master – Detail页面设置模块、用户身份证验证模块等。

18、改进的表格编辑工具

19、更加可靠实用的FTP客户程序

20、修改的insert面板

21、高效率的文件编辑过程。

22、更多有效地代码编辑:
像按右键弹出的编码工具,更新后的查询替换工具,更多的搜索选择项并且能够保存搜索条件,以及能够迅速启动的属性检查工具.

23、详尽的属性编辑:
利用属性检查工具构建详尽的编辑:列出每个适用于当前选择项的可用标记属性。

24、利用改进的用户界面查找东西更加快速,更多的更加清晰的显示上下文以及焦点,快速存取最近使用的文档和教程资源。

2.1.2 Macromedia Fireworks MX 2004简介

Macromedia Fireworks MX 2004 是用于设计、优化和集成 Web 图形的完备解决方案。经由专业化的控制、更为快捷的性能以及完美的集成,自如地掌控图形开发。

Fireworks MX 2004新功能有:
1、执行效率的提高
2、用户界面的改进
3、内建FTP登陆和版本控制
4、新的特效
5、自动图形
6、新的照片修饰工具
7、服务器端代码的支持
8、系统反锯齿和自定义反锯齿
9、双字节支持
10、提供了JavaScript API接口

2.1.3 Macromedia Flash MX 2004简介

Flash MX2004是一款 功能非常强大的动画制作软件,你只需把你已经编辑好的图片调入该程序中,然后可以对图片进行任意的控制,如由上到下、由左到右等等,而且制作出的动画文件大小绝对让你满意。Flash基于矢量图的Web标准,可以制作Web导航、互动图片及动画效果,可以被Netscape、Macintosh、Windows、AOL以及四千多万可浏览flash的浏览器支持。

Flash MX 2004新功能有:

1、时间线效果

加速和简化时间线上可重复使用的通用交互任务。 例如:改变时间线效果允许用户快速为一个对象设置动画,位置,缩放,不透明和颜色变化。
2.行为
无需了解代码,就可以通过行为面板快速应用ActionScript。 用户还可以创建自己的行为。

3.PDF&EPS支持
4.CSS 样式表
5.锯齿文字
6.模板:增加了许多模板。
7.开始页面
该新窗口可以让用户选择从哪个项目开始工作。
8.帮助
新的帮助系统整合全部帮助信息到应用程序中。
9.视频导入向导
当导入视频片断时,这个新的多步向导提供控制指定范围的视频被导入,可重复使用的编码设置和颜色修正新性能。
10.外部FLV支持
你现在可以直接播放硬盘上的FLV(Flash视频)文件(不需要导入)。 这样可以用有限的内存播放很长的视频文件而不需要从服务器下载完全部文件。
11.改良的性能
重大的改进已经增强了全部性能,用户将会注意到编译后的文件将不仅在Flash Player 7中执行效果好,同样在以前版本的播放器中也很好。
12.拼写检查/全局查找替换功能
可以对整个FLA文件进行全局查找和替换,并且支持正规表达式
13.辅助功能
支持改进MSAA(Microsft Active Accessibility)标准。
14.动作脚本2.0
为支持面向对象编程做了非常大的改进。
15.历史面板和命令
16.Unicode&字符串面板
完全支持Unicode,字符串面板允许本地语言直接成为多国语言。
17.扩展性
发展了新的可扩展架构,将有几个三方软件提供支持。
18.发布设置
增强了报表功能。

2.1.4 springboot简介

Spring框架是Java平台上的一种开源应用框架,提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制,但其在Java应用中的频繁使用让它备受青睐,以至于后来让它作为EJB(EnterpriseJavaBeans)模型的补充,甚至是替补。Spring框架为开发提供了一系列的解决方案,比如利用控制反转的核心特性,并通过依赖注入实现控制反转来实现管理对象生命周期容器化,利用面向切面编程进行声明式的事务管理,整合多种持久化技术管理数据访问,提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转(IOC)特性,IOC旨在方便项目维护和测试,它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期,容器可以通过扫描XML文件或类上特定Java注解来配置对象,开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有面向切面编程(AOP)框架,SpringAOP框架基于代理模式,同时运行时可配置;AOP框架主要针对模块之间的交叉关注点进行模块化。Spring框架的AOP框架仅提供基本的AOP特性,虽无法与AspectJ框架相比,但通过与AspectJ的集成,也可以满足基本需求。Spring框架下的事务管理、远程访问等功能均可以通过使用SpringAOP技术实现。Spring的事务管理框架为Java平台带来了一种抽象机制,使本地和全局事务以及嵌套事务能够与保存点一起工作,并且几乎可以在Java平台的任何环境中工作。Spring集成多种事务模板,系统可以通过事务模板、XML或Java注解进行事务配置,并且事务框架集成了消息传递和缓存等功能。Spring的数据访问框架解决了开发人员在应用程序中使用数据库时遇到的常见困难。它不仅对Java:JDBC、iBATS/MyBATIs、Hibernate、Java数据对象(JDO)、ApacheOJB和ApacheCayne等所有流行的数据访问框架中提供支持,同时还可以与Spring的事务管理一起使用,为数据访问提供了灵活的抽象。Spring框架最初是没有打算构建一个自己的WebMVC框架,其开发人员在开发过程中认为现有的StrutsWeb框架的呈现层和请求处理层之间以及请求处理层和模型之间的分离不够,于是创建了SpringMVC。

2.1.5 MSSQL简介

MSSQL是由微软开发的支持SQL的数据库,主要运行于微软的Windows操作系统上,从MSSQL7.0开始盛行于桌面操作系统,目前使用最广泛的版本是MSSQL 2000 Server,现在微软正在加紧开始它的下一个MSSQL版本MSSQL 2005 Server,也叫Microsoft SQL Server Yukon,它的第一个测试版已经发放。

MSSQL 2000安装过程十分简单,将MSSQL 2000安装光盘放入光驱,光盘自动运行,并出现安装界面,如图所示。选择“安装SQL Server 2000组件”,进入“安装组件”,选择“安装数据库服务器”,进入安装向导的“欢迎”页。单击“下一步”,在“计算机名”中安装向导自己检测本地计算机的名称,并将它填写在向导中。单击“下一步”,在“安装选择”中,选择“创建新的SQL Server实例或安装‘客户端工具’”。单击“下一步”输入“用户姓名”及“公司名称”,继续“下一步”,同意“安装许可”,单击“下一步”,输入正确的“序列号”。

单击“下一步”,进入“安装定义”页,选择“服务器和客户端工具”,单击“下一步”,使用“默认”的“实例名”进行安装,单击“下一步”在“安装类型”中选择“典型”,单击“下一步”在“服务账户”中选择“使用域用户账户”,输入域的管理员账户与密码。单击“下一步”在“身份验证模式”中最好选择“混合模式”,输入SA账户的密码,并再输入一次进行确认。单击“下一步”,进入“选择许可模式”,可选择“每客户”,也可选择“处理器许可证”,若选择“处理器许可证”,则服务器上有几个处理器后面就输入几,选择“处理器许可证”可以支持不限数据的客户端进行连接。而选择“  每客户”,则来访的每个客户端都需要有一个许可证,后面输入可能同时连接的最大的数字,单击“继续”,刚安装向导开始复制安装文件,并根据刚才的设置,进行服务器的配置,复制完成后单击“完成”,结束安装。

重新启动计算机或者单击“开始→程序→Microsoft SQL Server→服务器管理器”,打开“SQL Server服务器管理器”,在系统托盘中会同时出现SQL服务的图标,单击“开始/继续”前的小三角,此时,在系统托盘中的图标上会有一个绿色箭头,表示服务已经启动。

2.2 系统需求

2.2.1 Macromedia Dreamweaver MX等软件的系统需求

 

Windows操作系统
Intel奔腾处理器或类似,主频633M以上
Windows 98/Me/2000 或Windows NT4.0 或者更高版本
可用RAM 64MB
可用硬盘空间120MB
增强色16位,800*600dpi分辨率显示器(推荐使用更高的分辨率和颜色深度)
CD-ROM驱动器

表2.1 软件系统需求配置

在Dreamweaver MX下开发JSP,需要一个Web服务器,一个应用程序服务器,一个数据库和一个驱动器用来驱动数据库,上表列出的是一个在MSSQL数据库下开发JSP的典型配置。

2.2.2 tomcat配置

配置tomcat之前需要预先下载几个软件:

1.微软win2000的服务包(可以没有)。

2.java的sdk也叫jdk(java的开发环境)(必须的,前面已经介绍)。

3.tomcat(用做web的服器(必须的)。

然后就要配置java的jdk和tomcat的服务器具体步骤如下:

1. 我的电脑的属性–>高级–>变量环境–>我们需要新建系统变量(一共四个):

(1) 变量名称添入:path 变量值添入:您的jdk的安装目录\bin。

例如:我的安装目录是c:\sun\j2eesdk1.4_beta2\jdk\bin。

(2) 变量名称添入:classpath 变量值添入(注意引号不填,前面有一个小圆点也必须添,把下面的这些都添到变量植的一行中,并且用分号搁开,见下面,为了方便看我分了很多行写):

您的安装目录\lib\tools.jar;

您的安装目录\dt.jar;

您的安装目录\bin;

您tomcat的安装目录\common\classes;

您tomcat的安装目录\common\lib;

您tomcat的安装目录\common\lib\servlet-api.jar;

(3)变量名添入java_home,值添如您的安装目录例如我的安装目录是:c:\sun\j2eesdk1.4_beta2\jdk。

(4) 变量名添入TOMCAT_HOME(注意,大小写都可以的),值添入您tomcat的安装目录例如我的安装目录是c:\tomcat\jakarta-tomcat-5.0.14。

2. 配置tomcat的执行文件(.bat): 先进入tomcat的安装目录,找bin文件夹,进入bin 然后在找startup.bat文件,注意,有些版本可能名字不一样,但是名字前总是startup, 单击右键–>编辑.打开了这个文本,然后寻找start字母,一般在最后,我们只需在start字母后面添加:

SET TOMCAT_HOME=您tomcat的安装目录;

SET JAVA_HOME=您的jdk安装(例如我的是:c:\sun\j2eesdk1.4_beta2\jdk);

SET CLASSPATH=您jdk的安装目录\dt.jar;

SET CLASSPATH=您的tomcat的安装目录\common\lib\servlet-api.jar;

这一步的主要目的是为了,在执行.jsp文件是,tomcat 服务器能够自动找到一些java的环境以及类环境等等…好了,第一步和第二步我们完成了,对系统环境变量的配置,和对tomcat的配置,接下来还有一个问题,那就是设置虚拟目录的问题,为什么要设置虚拟目录?因为当在浏览器上打入一个地址的时候,和文件的实际所在的目录是不一样的.所以必须进行设置,虚拟目录才会按照我们的设置去自动寻找实际的目录。

配置虚拟目录主要就是对tomcat跟目录下的conf文件夹中的server.xml文件进行配置,进入后,以文本方式打开这个.xml文件,(方法是:选中该文件,然后按住shift再点右键,寻找打开方式,我们以文本方式打开.就可以了,您可以使用记事本的查找功能,(在编辑菜单下)查找</host> 在这个</host>前添加这样的代码(path就是虚拟目录,而docbase就是实际的物理目录了):

<Context path=/yuan docBase=D:\yuan debug=0 reloadable=true crossContext=true></Context>

2.3 JDK配置

JDK是sun公司java应用程序和组件的开发环境,是编译和测试工具,也是提供java程序的java虚拟机平台,是调试和运行jsp所不可缺少的工具。

首先在安装前先要下载JDK,这可以从SUN公司的网站上下载,到http://java.sun.com/products/jdk/1.2这个页面下载JDK1.2.2-001-win.exe或JDK 1.3-win.exe,由于笔者n.exe为例。下载后,双击JDK1.2.2-001-win.exe就可以开始安装了,在安装过程中有很多选项,按个人需求正确选择,这里我们以第一次安装为例,全部选择默认配制即可,安装的默认路径为[windows所在的根目录(以下设为c:)]\jdk1.2.2,安装完毕后就可以重新启动了。

启动时要更新环境变量,在开机时要自动调用JDK系统,因此要设置一些环境变量,我们以windows2000 server版系统为例进行系统环境变量设置(在windows 9x系统中可在autoexe.txt中进行设置)。设置方法如下:

在桌面上,用鼠标右键单击[我的电脑]图标,选择[属性]按钮,弹出[系统特性]对话匡,选择[高级]选项卡,单击[环境变量]按钮,单击[环境变量]对话匡,该对话匡有两个选项组,分别为[Administrator的用户变量]和[系统变量]两个选项组。在[系统变量]选项组中找path变量,找到后单击[编辑],弹出[编辑系统变量]对话匡,在其中[变量值]文本匡中输入“(jdk所在根目录以下设为C:)\jdk1.2.2\bin”,然后按“确定”就ok了,这样在运行jsp时系统就可以自动找到JDK路径进行编译了。与此同时,新建一个classpath变量,在[系统变量]选项组中,单击[新建]按钮,弹出[新建系统变量]对话匡,在[变量

名]文本匡中输入“classpath”,在[变]文本框中输入:”c:\jdk1.2.2\lib\tools.jar;c:\jdk1.2.2\lib\dt.jar;c:\jsdk2.0\lib\jsdk.jar;”,

然后单击[确定]扭,然后再用此方法将c:\jdk1.2.2添加到java_home环境变量中,如果在安装时没有将其安装在默认目录下,必须在此进行环境变量的设置,否则系统将无法完成编译工作。以上工作完成后回到最处的[系统特性]对话匡中,单击[应用]或按下[确定],JDK就安装配制好了。

 

第三章 系统分析

网上阅读平台是针对读者进行管理,是利用计算机进行集中管理而开发的系统。该系统引擎连接MSSQL数据库进行开发的注册会员管理系统,力求与实际相结合具有查询、管理等功能。

主要包括实现以下基本功能:

1)要求既能够分门别类的浏览,可进行检索与查找,可有查看新闻,书籍查询、会员注册,在线留言,联系我们。

2)能够对注册用户的基本信息进行添加、修改、删除、更新等操作。

3)设计出的软件能够提供一个良好的模板或平台,使得用户以后能够按照基本要求对网上阅读平台的内容进行修改和更新,方便用户的使用。

3.1整体框架结构

clip_image001clip_image001[1]clip_image0023.2模块功能划分

根据网站的开发,系统分以下三个模块,即管理模块、留言交流区

新闻浏览模块、书籍查询,可以将系统分解成几个功能模块来分别设计,功能模块之间关系如图:

clip_image003

管理模块

A. 管理员注册用户名和密码

B. 验证通过管理员登陆

C. 管理员帐号管理

D. 文章及列表管理

新闻浏览模块

E. 点击已发布的文章链接进入查看

F. 关键字模糊查询

书籍查询模块

G. 输入欲搜索的关键字

H. 浏览搜索结果

结构图:

clip_image005

3.2 系统的E-R图

ER模型中,包含“实体”、“联系”和“属性”三个基本成分。

⑴实体

实体是客观世界存在的且可相互区分的事物。它可以是人也可以是动物;可以是具体事物也可以是抽象概念。

⑵联系

联系是指客观世界中各事物彼此间的联系。联系分为三类:一对一的关系,一对多的关系,多对多的关系。

⑶属性

属性是实体或联系所具有的性质,通常一个实体用若干属性来刻画。人们通常就是用实体、联系和属性这三个概念来理解现实问题,因此,ER模型比较接近人的思维方式。此外,ER模型使用简单的图形符号表示系统分析员对问题的理解,不熟悉计算机的人也能理解它,因此,ER模型可以作为用户与系统分析员之间的交流工具。

根据系统功能,确定实体、联系、属性,构建E-R图,

把概念结构设计转化为逻辑结构设计为:

管理员:(帐号、密码)

实体图如下:

clip_image007

图3-3 管理员实体图

注册用户:(用户名、学号、姓名、性别、年龄、邮件地址、密码)

实体图如下:

clip_image009

图3-4注册用户实体图

站内新闻:(标题,内容,添加时间等)

实体图如下:

clip_image011

图3-5站内新闻实体图

其他的实体图类似结构,在此不一一列举。只列举实体属性,如下:

友情链接:(网站名称、网址、添加时间)

留言板:(主题编号、主题标题、主题内容、名称、留言时间)

管理员登陆流程图:

clip_image013

用户登陆流程图:

clip_image015

3.3数据库列表

allusers表:

序号 字段名称 字段类型 大小 允许为空 最大长度 备注
1 ID Int 4 自增编号 10
2 username VarChar 50 255
3 pwd VarChar 50 255
4 cx VarChar 50 255
5 addtime DateTime 8 23

dx表:

序号 字段名称 字段类型 大小 允许为空 最大长度 备注
1 ID Int 4 自增编号 10
2 leibie VarChar 50 255
3 content Text 16 255

liuyanban表:

序号 字段名称 字段类型 大小 允许为空 最大长度 备注
1 ID Int 4 自增编号 10
2 cheng VarChar 50 255
3 xingbie VarChar 50 255
4 QQ VarChar 50 255
5 youxiang VarChar 50 255
6 dianhua VarChar 50 255
7 neirong VarChar 50 255
8 addtime DateTime 8 23
9 huifuneirong VarChar 50 255

shujileibie表:

序号 字段名称 字段类型 大小 允许为空 最大长度 备注
1 ID Int 4 自增编号 10
2 leibie VarChar 50 255
3 addtime DateTime 8 23

shujixinxi表:

序号 字段名称 字段类型 大小 允许为空 最大长度 备注
1 ID Int 4 自增编号 10
2 biaoti VarChar 500 255
3 leibie VarChar 50 255
4 neirong Text 16 255
5 fujian VarChar 50 255
6 shifoutuijian VarChar 50 255
7 zuozhe VarChar 50 255
8 chubanshe VarChar 50 255
9 tupian VarChar 50 255
10 addtime DateTime 8 23

shuqian表:

序号 字段名称 字段类型 大小 允许为空 最大长度 备注
1 ID Int 4 自增编号 10
2 shujiID VarChar 50 255
3 biaoti VarChar 50 255
4 leibie VarChar 50 255
5 chubanshe VarChar 50 255
6 zuozhe VarChar 50 255
7 tianjiaren VarChar 50 255
8 addtime DateTime 8 23

xinwentongzhi表:

序号 字段名称 字段类型 大小 允许为空 最大长度 备注
1 ID Int 4 自增编号 10
2 biaoti VarChar 300 255
3 leibie VarChar 50 255
4 neirong Text 16 255
5 tianjiaren VarChar 50 255
6 addtime DateTime 8 23

yonghuzhuce表:

序号 字段名称 字段类型 大小 允许为空 最大长度 备注
1 ID Int 4 自增编号 10
2 yonghuming VarChar 50 255
3 mima VarChar 50 255
4 xingming VarChar 50 255
5 xingbie VarChar 50 255
6 dianhua VarChar 50 255
7 QQ VarChar 50 255
8 youxiang VarChar 50 255
9 chushengnianyue VarChar 50 255
10 touxiang VarChar 50 255
11 dizhi VarChar 50 255
12 addtime DateTime 8 23

youqinglianjie表:

序号 字段名称 字段类型 大小 允许为空 最大长度 备注
1 ID Int 4

自增编号

10
2 wangzhanmingcheng VarChar 50 255
3 wangzhi VarChar 50 255
4 addtime DateTime 8 23

 

第四章 页面设计

4.1首页:

首页界面划分清晰,功能明确。

页面左上角是本站的名称“网上阅读平台”,没有夸张难认的LOGO,明晰清楚。在其右侧是网站的功能导航栏,分别有“首页”、“站内新闻”、“用户注册”及“在线留言”。功能界定明确,没有错综复杂的关系。 “在线留言”是系统提供给读者进行读者间的交流及读者与系统管理员进行互动的平台。

页面左下角,分别是用户信息(未登陆时显示登陆界面,登陆后显示用户信息,用户注册界面的入口设置在此处)、系统公告及相关友情链接。

在此右侧,则是新书推荐及最新书籍的列表介绍界面。

4.2 管理员登陆

在“用户名”和“密码”两个输入框中输入正确的信息后,方可安全登录网站后台。而为了安全考虑,不设注册,管理员帐号是在数据库内部设置的。

源码领取

扫码关注公众号:陈大发随笔,回复“源码003”免费领取;
© 版权声明
THE END
喜欢就支持一下吧
点赞0
分享