基于HTML5的校园移动客户端的设计与实现。(4)

天津职业技术师范大学2015届本科生毕业设计

4 总体设计

4.1总体设计

参照现有的Android 版综合服务系统，以及PC版综合服务系统，本系统对要实现的功能进行了适当的优化。首先，登录模块是必不可少的，在登录模块中设置了用户名和密码的验证，只有当用户名和密码都验证成功后方可进入系统的主页。在主页上显示了本系统所实现的全部功能。

第一个功能是信息公告。在信息公告页，同学们能够获取到学校发布的最新的“紧急通知”和“新闻消息”。此页面中包含了全部的校园新闻公告。系统省掉了原有PC版系统中的党建工作和综合信息模块，原因是在党建工作和综合信息模块下的信息更新较慢，几乎是几个月没有新的消息出现，如果有消息直接公布到现有的新闻消息页面即可。

第二个页面是课表查询。对于大一、大二的新生，因课程较多而容易记混，保留此功能是合理的。

第三个页面是请假模块。应毕业设计老师的要求，在本系统中添加了请假模块，该模块主要提供两个大的功能，功能之一：“申请假条”，同学们在该模块中可以提交自己的请假信息。功能之二：查看“请假记录”。该部分提供了查看最近十次请假记录的功能。之所以未把全部的请假信息都进行显示，是因为过去的请假信息对于请假者本人往往是没有太多意义的。当然，如果请假者想查看自己全部的请假信息也是可以的，登录PC版综合服务系统就可以看到了。

接下来，设计了“普通话报名”和“四六级报名”功能。在普通话报名页，设计了一个单选按钮，只要在普通话报名的时间段，同学们进入本系统中普通话报名页选择普通话报名选项并点击提交按钮即可实现报名。在非普通话报名时间段进行报名是无效的，通常在开启普通话报名功能时，系统管理员应该对后台数据库中普通话报名列的值进行归0设置。同理，“四六级报名”部分也是一样的，只不过在四六级报名模块中，设置了两个单选按钮供用户选择。

网站的最后一个功能是云记事功能，该模块提供了简单的记事功能，当同学们临时需要记录一些文本内容的时候可以直接记录在云笔记中，这些内容将会保存在后台数据库中，不会因为手机的丢失而导致数据丢失。 4.1.1功能模块图

基于网站的总体设计，我设计了如下的功能模块图。借助于此图，大家对网站要

10

天津职业技术师范大学2015届本科生毕业设计

实现的功能便一目了然了。如图4-1所示：

登录页主页信息发布课表查询请假普通话报名四六级报名云笔记紧急公告普通消息申请休假请假记录 图4-1 系统功能模块图

4.2数据库设计

在名为tute的数据库中新建5个表：users、news、news2、course、Ask，分别用于保存学生信息、新闻公告、紧急通知、课表信息、请假信息，其完整的结构如下：

1) 学生表（users）

该表用于存储学生基本信息（学号、登录密码、姓名、班级、学院、性别、身份证号）以及四六级报名、普通话报名、云记事等信息，其结构如表4-1所示：

以SQL Server 2008为例，生成users表的数据库脚本代码如下： CREATE TABLE [dbo].[users](

[user_id] [varchar](11) COLLATE Chinese_PRC_CI_AS NOT NULL, [user_password] [varchar](20) COLLATE Chinese_PRC_CI_AS NOT NULL, [user_name] [nvarchar](20) COLLATE Chinese_PRC_CI_AS NOT NULL, [user_class] [nvarchar](20) COLLATE Chinese_PRC_CI_AS NOT NULL, [user_academy] [nvarchar](20) COLLATE Chinese_PRC_CI_AS NULL, [user_sex] [nvarchar](1) COLLATE Chinese_PRC_CI_AS NULL, [cet] [tinyint] NULL,

[com] [nvarchar](max) COLLATE Chinese_PRC_CI_AS NULL, [chi] [bit] NULL,

11

天津职业技术师范大学2015届本科生毕业设计

[ID_card] [varchar](18) COLLATE Chinese_PRC_CI_AS NULL, [cet_done] [bit] NOT NULL,

CONSTRAINT [PK_users] PRIMARY KEY CLUSTERED

( [user_id] ASC )WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON,ALLOW_PAGE_LOCKS =ON)ON [PRIMARY])ON[PRIMARY]

字段名 user_id user_password user_name user_class user_academy user_sex Cet com chi ID_card cet_done

描述 学号 登录密码 姓名 班级 学院 性别 四、六级报名 云记事 普通话报名 身份证号 是否报过CET 表4-1 users（学生表） 类型 varchar(11) varchar(20) nvarchar(20) nvarchar(20) nvarchar(20) nvarchar(1) tinyint nvarchar(max) bit varchar(18) bit 是否为空 否 否 否 否 是 是 是 是 是 是 否 是否是主键 是 否 否 否 否 否 否 否 否 否 否 users表在数据库中的测试数据如图4-2所示：

图4-2 users 表中的测试数据

2) 新闻公告表

该表用于存储新闻公告里的全部信息，其结构如表4-2所示： 以SQL Server 2008为例，生成news表的SQL语句如下： CREATE TABLE news(

[news_id] [int] IDENTITY(1,1) NOT NULL, [news_title] [nvarchar](50) NOT NULL, [news_adddate] [smalldatetime] NOT NULL,

12

天津职业技术师范大学2015届本科生毕业设计

表4-2 news（新闻公告表）

字段名 news_id news_title news_adddate news_source news_content 描述 新闻ID 新闻标题 新闻添加日期 新闻发布人 新闻内容 类型 int nvarchar(50) smalldatetime nchar(20) nvarchar(3000) 是否为空 否 否 否 否 否 是否为主键 是，自增项 否 否 否 否

[news_source] [nchar](20) NOT NULL, [news_content] [nvarchar](3000) NOT NULL

) ON [PRIMARY]

news表在数据库中的测试数据如图4-3所示：

图4-3 news 表中的测试数据

注：紧急通知表与新闻公告表表格式一样，仅表名不同，此处不再说明。

3) 课程表

该表用于存储全部班级的课程信息，其表结构如表4-3所示：

表4-3 course（课程表）

字段名 id class c1 c2 c3~c25 描述 课程号 班级 课程1 课程2 课程3~25 类型 int nvarchar(20) nvarchar(200) nvarchar(200) nvarchar(200) 是否为空 否 否 否 否 否 是否为主键 是，自增项 否 否 否 否

以SQL Server 2008为例，生成course表的SQL语句如下所示： CREATE TABLE course(

[id] [int] IDENTITY(1,1) NOT NULL,

13

天津职业技术师范大学2015届本科生毕业设计

[class] [nvarchar](20) NOT NULL, [c1] [nvarchar](200) NULL, [c2] [nvarchar](200) NULL, 、、、、、、//此处省略c3-c24。 [c25] [nvarchar](200) NULL

) ON [PRIMARY]

course表在数据库中的示例数据如图4-4所示:

图4-4 course表中的测试数据

4) 请假表

该表用于存储学生请假信息，其表结构如表4-4所示：

表4-4 Ask （请假表） 字段名 aID aKind aStartTime aStopTime aTell aReason aUser_id aSubmitTime AuthPerson AuthTime AuthStep AuthResult

描述 假条ID 请假类型 请假开始时间 请假结束时间 联系电话 请假事由 用户登录ID 假条提交时间 审批人 审批时间 审批人类型 审批结果 类型 int nvarchar(20) datetime datetime char(12) nvarchar(200) varchar(11) datetime nvarchar(20) datetime nvarchar(50) nvarchar(20) 是否为空 否 否 否 否 否 否 否 是 是 是 是 是 是否为主键 是，自增项 否 否 否 否 否 外键，参照users. user_id 否 否 否 否 否 以SQL Server 2008为例，生成Ask表的数据库脚本代码如下： CREATE TABLE [dbo].[Ask](

[aID] [int] IDENTITY(1,1) NOT NULL, [aKind] [nvarchar](20) NOT NULL, [aStartTime] [datetime] NOT NULL, [aStopTime] [datetime] NOT NULL,

14

百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说综合文库基于HTML5的校园移动客户端的设计与实现。(4)在线全文阅读。