毕业设计（论文）
第四章 系统详细设计与实现
系统详细设计的任务是在系统总体设计的指导下，对系统各组成部分进行细致具体的物理设计，使系统总体设计阶段所作的各种决定具体化。在电子商务网站详细设计阶段，主要完成如下工作：代码设计，界面设计，前后台的设计等。
本系统由：用户登录注册模块（用户登录，用户注册）、用户中心模块
4.1 网站首页
本网站首页简约大方，其作用是整体的展示了本电子商务网站的主题内容及影片的展示，布局简洁明了，易于用户订票。页面有好，在特效的渲染下，简洁而不失大气的首页给人留下炫丽的印象。首页分为上中下三部分，上部分是主导航栏，用户可以通过此处找到喜好的影片，继而订票。网站的LOGO呈动态滚动效果，更为画面添加了活力。中间部分分为主要影片展示及网站广告宣传，其中影片展示部分分为正在热播和即将上映的影片介绍。下部分是一些网站信息和使用帮助。网站首页如图4-1所示：
图4-1 网站首页图
25
毕业设计（论文）
4.1.1 头部导航栏
头部的导航栏可以进行登录注册的操作，更主要帮助用户根据自己的需求，快速找到自己喜好的影片及上映场次时刻表，动态滚动的LOGO设计让用户有一种耳目一新的感觉。在LOGO旁边，用户可根据影片名找到上映的场次，进而进行购票。在展示本网站影片的同时还能给用户留下新颖友好的印象，可谓一举两得。
头部导航栏如图4-2所示：
图4-2 头部导航栏图
4.1.2 中间部分
中间部分主要直观地展现本网站的正在热播和即将上映的影片。周围的广告展现对影片及对本网站的宣传作用。
动态广告如图4-3所示：
图4-2 动态广告图
正在热播和即将上映的影片如图4-4所示：
26
毕业设计（论文）
图4-4 正在热播及即将上映的影片图
4.1.3 页面下面部分
页面下部是大多数电子商务网站常见的部分，用于显示一些网站的信息和反映网站中一些常见问题，进行一些超链接，链接其他的页面。
页面下部如图4-5所示：
图4-5 页面下部图
27
毕业设计（论文）
4.2 电影展示页面
电影展示页面展示了本网站的正在热播和即将上映的影片，通过分页技术处理，每八部影片分为一页，展示每部影片的主要信息。用户可通过此功能进行购票操作。
影片分页展示如图4-6，图4-7所示：
图4-6 影片分页展示图
28
毕业设计（论文）
图4-7 影片分页展示图
4.3 放映时刻表页面
放映时刻表显示当天和明天要播放的影片场次，用户可通过此路径找到想要观看的影片场次，进行订票。
放映时刻表如图4-8所示：
图4-8 放映时刻表页面图
用户可根据不同的日期，不同的影片，不同的时间，不同的版本筛选影片场次，大大提高了用户进行订票的效率，缩短了订票时间。
29