第一组：婚纱工作室讲述.doc

JavaScript程序设计课程设计报告 信息工程系 二〇一六年一月 一、任务要求与总体设计 1.1网站说明 图 1.1.1 网站结构图 说明：本网站分为前台管理和后台管理两大块。为了兼容大多数浏览器以及手机页面，本网站是利用Amazeui，中国首个开源 HTML5 跨屏前端框架。在前台管理中分为首页、作品展示页、预约服务页、留言板页。在首页中，主要显示婚纱工作室的一些信息和介绍；在作品展示页面中，由于要不同大小图片带来的影响以及用户需要的预览图片，引入相应的插件并调用；在预约服务页面中，验证逻辑基本上是HTML5来写的，部分是利用框架，当用户选定相应的服务时，可以将其他不相干的服务选项进行隐藏，当用户选定在线客服时是可以唤醒QQ软件，进行QQ在线客服聊天；在留言板页面中，用户可以添加留言，当用户发表留言时，需要输入验证码并验证，生成验证码是用原生的JavaScript写的。在后台管理中分为首页，作品展示管理页面，预约管理页面，留言管理页面。当管理点击首页时是可以跳转到前台管理页面，点击注销时可以把本页面关闭的；在作品展示中，以表格列出所有的作品的基本信息，当点击编辑时是可以出现模态框将对应作品的详细信息显示，并且管理员是可以修改的，当管理员点击新增时是可以上传新的作品，并修改信息；在预约管理页面中，同样以表格列出所有的预约的基本信息，带