4 网站设计概要
4.1 网站简介
本网站能够灵活地处理各个不同权限角色之间的相关信息，并且能方便地为各个角色进行使用；管理员可以进入网站的后台管理，对网站的新闻资讯，招聘信息等方面进行设置。
4.2 系统总体结构设计
根据系统需求分析阶段得到的数据概念模型，采用软件工程方面相关的概念和原理，由此得到品鲜美味阁网站层次方框图如图4-1所示。
图4-1 网站层次方框图
4.3 数据库设计
4.3.1 数据库表设计
在需求分析阶段，已经完成了本系统的数据分析，并且建立起了数据概念模型。现在，根据数据概念模型建立数据库。在选择数据库方面，采用Access数据库系统平台来创建品鲜美味阁网站设计的数据库。系统主要有8个表，由数据概念模型得到本系统的主要数据表见4-1~4-4。
表4-1 后台管理员表(adminTable)
表4-2 公司新闻信息表(info Table)
表4-3 招聘信息表(job table)
表4-4 订座信息表(order table)
4.3.2 物理结构设计
数据库物理设计阶段的任务是根据具体计算机系统和硬件等的特点，为给定的数据库模型确定合理的存储结构和存取方法。所谓的合理主要有两个含义：一个是要使设计出的物理数据库占用较少的存储空间，另一个对数据库的操作具有尽可能高的速度。
为了设计数据库的物理结构，我们必须充分了解所用的内部特征；充分了解数据系统的实际应用环境，特别是数据应用处理的频率和响应时间的要求；充分了解外存储设备的特性。数据库的物理结构设计大致包括：确定数据的存取方法、确定数据的存储结构。
物理结构设计阶段实现的是数据库系统的内模式，它的质量直接决定了整个系统的性能。因此在确定数据库的存储结构和存取方法之前，对数据库系统所支持的事务要进行仔细分析，获得优化数据库物理设计的参数。
确定数据库的存取方法，就是确定建立哪些存储路径以实现快速存取数据库中的数据。现行的DBMS一般都提供了多种存取方法，如索引法、HASH法等。其中，最常用的是索引法。
数据库的索引类似书的目录。在书中，目录允许用户只要浏览书的目录就能迅速地找到所需要的位置。在数据库中，索引也允许应用程序迅速找到表中的数据，而不必扫描整个数据库。在书中，目录就是内容和相应页号的对应清单。在数据库中，索引就是表中数据和相应存储位置的列表。使用索引可以大大减少数据的查询时间。
在本子系统中，由于教师字段的存取比较多，也经常出现在查询条件中，可以考虑在上面建立索引以提高效率。
确定数据存放位置是按照数据应用的不同将数据库的数据划分为若干类，并确定各类数据的大小和存放位置。数据的分类可依据数据的稳定性、存取响应速度、存取频度、数据共享程度、数据保密程度、数据生命周期的长短、数据使用的频度等因素加以区别。确定数据存放的位置主要是从提高系统性能的角度考虑。不同的系统，有不同的存放标准，由于本系统比较小，不需要将表放置在不同的盘上，所以只把数据库表放在一个盘上即可。
5 人机界面设计
5.1 后台登录界面设计
图5-1 管理员登录窗口
设计好登录窗口后，还不能实现其功能，要实现其身份验证功能，必须添加相应程序代码，省略自动生成的代码。验证分为服务器端验证代码和客户端验证代码两种。服务器端验证代码就主要是VBSCRIPT代码，主要通过服务器运行，主要优点就是无论客户端IE做了怎样的设置，都不会影响其功能，由于每次都要访问数据，所以其缺点就是加重了服务器的负担；客户端主要是JS脚本代码，运行于客户端，其优点就是不用通过服务器后台访问数据库就可以判断数据的合法性，大大减轻了服务器的负荷，其缺点就是如果客户端的IE禁用了JS脚本运行，那么这个功能如同虚设。