1、本科毕业设计（论文）（20 届）题目 电影票务网站的设计与制作 学生姓名 学 号 指导教师 学 院 信息技术学院 专 业 数字媒体艺术 交稿日期 毕业设计（论文）学术诚信声明本人郑重声明：所呈交的毕业设计（论文），是本人在导师的指导下，独立进行研究工作所取得的成果。除文中已经注明引用的内容外，本毕业设计（论文）不含任何其他个人或集体已经发表或撰写过的作品或成果。对本文的研究做出重要贡献的个人和集体，均已在文中以明确方式标明。本人完全意识到本声明的法律结果由本人承担。作者签名： 日期： 2015 年 5 月 10 日毕业设计（论文）版权使用授权书本毕业设计（论文）作者同意学校保留并向国家有关部门
2、或机构送交论文的复印件和电子版，允许论文被查阅和借阅。本人授权上海建桥学院可以将本毕业设计（论文）的全部或部分内容编入有关数据库进行检索，可以采用影印、缩印或扫描等复制手段保存和汇编本毕业设计（论文）。保 密 ，在 年解密后适用本授权书。本论文属于不保密 。（请在以上方框内打“”，如作者未做出选择的情况下，按不保密处理。）作者签名： 指导教师签名：日期：2015 年 5 月 10 日 日期：2015 年 5 月 10 日电影票务网站的设计与制作- I -电影票务网站的设计与制作摘 要网站是一种使用 HTML 等语言制作的用于展示特定内容的网页的集合。网站的内容可以包括文本、图像、声音、视频或者
3、其他一些动态的交互等，人们可以通过浏览不同的网站得到自己所需要的各种各样的信息。在信息技术发展飞快的如今社会，网站已经成为生活中必不可少的传递信息的一种方式了。电影作为大众主要的休闲娱乐方式，深受人们喜爱。而传统的影票线下售票工作效率低，由此作者所做的是一个电影票务网站，用户可以通过登录直接索票，管理员则可以回复、添加、删除电影。网站包括最新的电影资讯，影院的介绍，热门影片的介绍和热门活动的介绍等高质量的 10 个页面，网页中 logo、导航等网页元素使用得当，包括 Javascript 实现常见的网页特效和表单的验证能实现网页的动态效果。并且能实现网页之间的良好链接以及图片文字的显示。网站主
4、要运用 Bootstrap 框架及 XAMPP 集成式后台支持，因此将网站设计分为前台页面展示平台和后台管理平台。作者使用 Dreamweaver 软件制作网页，使用DIV+CSS 布局和 Bootstrap 框架来制作电影票务网站的前台，后台利用 PHP 语言来写，利用 MYSQL 数据库进行管理，从而完成对电影票务网站的制作与实现。关键词：电影，票务系统，网站设计与制作电影票务网站的设计与制作- II -Design and production of the movie ticketing websiteAbstractA website is a collection of relat
5、ed web pages that are produced using HTML and other tools to display specific content. Web content can include text, images, sound, video, or other dynamic interaction, people can browse through different sites to get their own kind of all kinds of information. With the rapid development of informat
6、ion technology in todays society, the site has become an essential way to pass information in life.The film as the main entertainment of the public, is popular with people. But the traditional shadow ticket line under the work efficiency is low, so I do is a movie ticket website, the user can throug
7、h the login direct cable ticket, the administrator can reply, add, delete the movie. The website includes the latest movie information, the introduction of the theater, the introduction of popular films and popular activities of the high quality of the 10 pages, web pages, such as logo, navigation a
8、nd other elements of the use of appropriate, including JavaScript to achieve common web page effects and forms of the dynamic effect of Web pages. And can achieve a good link between the pages and pictures and text display.The website mainly uses the Bootstrap onstage standard and the XAMPP integrat
9、ed backstage support, therefore the website design divides into the onstage page display platform and the backstage management platform. The author uses Dreamweaver software to make web pages, using DIV+CSS layout and Bootstrap framework to make movie ticket websites front desk, backstage use PHP la
10、nguage to write, using MYSQL database to manage, so as to complete the production and implementation of the movie ticketing website.Key Words：Movie, Website design and production, Ticketing system电影票务网站的设计与制作- III -目 录引 言.11 绪论.21.1 课题的背景及意义.21.2 国内研究现状.21.3 国外研究现状.22 课题开发平台和关键技术.42.1 Adobe Photosho
11、p 平台 .42.2 Adobe Dreamweaver 平台 .42.3 DIV+CSS 技术 .42.4 Bootstrap 框架技术 .52.5 PHP 技术 .62.6 XAMPP.63 电影票务网站的设计.83.1 网站的总体分析.83.1.1 行业市场分析.83.1.2 同类网站分析.83.1.3 网站用户分析.93.1.4 票务咨询系统的 设计.93.2 网站的功能需求分析.93.2.1 普通用户功能.93.2.2 管理员功能.103.3 网站的内容与功能策划.103.3.1 网站功能与内容设定.103.3.2 网站信息结构分析.103.3.3 网站风格设定.114 电影票务网站
12、的制作.134.1 页面布局图制作.134.2 网站首页制作.164.3 网站具体功能页面制作.184.3.1 电影资讯页面.184.3.2 热门影片页面.194.3.3 电影评论页面.204.4 网站后台制作.21电影票务网站的设计与制作- IV -4.4.1 用户订票模块制作.234.4.2 管理员模块制作.245 网站的测试与发布.265.1 网站兼容性测试.265.2 网站后台页面测试.26结 论.29参 考 文 献.30致 谢.31电影票务网站的设计与制作1引 言随着电影市场的不断升温，人们对电影消费市场的需求也越来越大，电影不仅仅是大众休闲娱乐、缓解心情、释放压力的一种方式，同时也
13、在一定程度上也影响了我们的生活方式。那些独具匠心，寓意深刻的电影不仅能够给人们在生活中提供创造性的灵感，同时也让我们学会懂得思考和反省自己，影响着人们的价值观、世界观和人生观，使我们受益颇多。所以说电影对我们的生活已经产生了深远的影响。年轻人是消费人群中的主流消费人群，而电影作为年轻人的主要的休闲娱乐方式之一，深受其爱戴。许多传统的电影票线下售票工作效率低，人们往往需要排很长的队才能买到电影票，这样长时间的排队不仅浪费时间而且还与可能会影响购票者的心情。而电影线上售票却与线下售票截然不同，人们可以通过票务网站得知电影的最新新闻动态和电影院的排片时间、场次，还可以在线上挑选影院的座位等。而且近年
14、来电影票务网站发展迅速，电影票销售远超过线下。相比去影院购票，使用电影票务网站购票更加便捷、灵活，所以作者将决定课题定为电影票务网站的设计与制作。电影票务网站的设计与制作21 绪论1.1 课题的背景及意义随着网络信息技术的不断发展和人们生活水平的不断提高，电影成了人们放松心情、缓解压力的主要休闲娱乐方式之一，而且近年来电影市场发展迅速，但与快速发展的电影市场相不符的是影票的购买方式还是比较单一，大多数人们都是去电影院直接购买影票，很多时候当我们去影院直接购买电影票时会发现想要看的场次的电影票已经卖完了，或者已经没有好的座位了，再或者购买电影票的人太多，光是排队就要排很久，这就是传统的影院售票处
15、购买影票的缺点，票价昂贵、售票缺乏灵活性而且效率不高。 而电影票务网站则不同，用户通过浏览电影票务网站得知最新的电影资讯和影院排片等，可以提前好几天选定影院和电影的场次，不用担心挑选不到满意的位置，观影的当天直接去自助取票即可。而且线上售票影票的价格相比影院售票处的价格也更加实惠，电影票务网站为观影者提供了一个更加灵活、便捷的购票方式 1。1.2 国内研究现状近年来，中国内地电影票房迅速增长， 2007 年票房才只有 33.3 亿元，2007 年电影票房已经增长至 296.4 亿元，增长率达到了 36.67%的空前新高，中国电影票房全球增长最快。从这些数据可以看出电影市场持续升温并且以极快的速
16、度飞速发展。 2014 年电影票务网站的线上出票已达到 135.7 亿元人民币，占到改年总票房的45.8%，同比上涨 179.07%2，2014 年的中国电影票务市场的用户规模达到 0.93 亿人，较 2013 年同比增长 45.3%。数据显示，截止到目前全国大多数的影院已经支持线上售票，并且预计会有更多的影院与票务网站进行合作。 2015 年前三个月所有的电影票务市场的总收入为 60.8 亿元，占据了大约三分之二的市场份额，同前几年相比，增长迅速。目前我国国内主要的电影票务网站有格瓦拉、时光网、蜘蛛网、猫眼电影等。这些票务网站的销售总额相加达到了 62 亿元，呈现出快速增长趋势。从以上这些数
17、据可以看出：中国的电影市场发展迅速并且在线售票市场的整体份额占据了电影总票房市场的 65%。传统的影院售票处买的影票只能选择当天的电影进行观看，无法选到自己想要的位置，而且影票的价格也普遍要贵。但电影票务网站不同，电影票务网站可以提前几天就选择影院观影，而且还有在线选座功能，用户还可以通过浏览其他的页面了解最新的电影新闻等。这些都能给予用户良好的观影体验，所以电影票务网站能占据电影总票房市场的半壁江山也不是没有道理的。电影票务网站的设计与制作31.3 国外研究现状相比国内的一些电影的票务网站，国外有许多知名的票务网站，其中具有代表性的几家为：ScoreBig、Ticketmaster、Stub
18、Hub 等。国内的票务网站主要以电影票务为主，而国外的票务网站内容丰富，所涵盖的范围更加广泛，包括电影票、演唱会门票、音乐会门票、各类剧场门票、各种体育赛事门票等。比如 Ticketmaster，是一家历史悠久的票务网站，其票务覆盖的范围十分广阔，是世界上最大最可靠的票务网站之一，拥有了近 6700 多个零售网站，他的业务已经在 20多个国家普及，并且 Ticketmaster 所覆盖的票务范围十分广泛，你能在 Ticketmaster 上找到你想要看的各种门票，无论是演唱会、音乐剧还是其他一些演出的门票。使用Ticketmaster 订购票务的方式也多种多样，除了线上订购之外，还可以电话订购
19、，给予了用户多样化的选择。国外的票务网站的优势在于：其票务运行系统已经十分的成熟，而且购票方式多样化，取票方式也十分便捷，用户通过购票之后可以得到相应信息然后自己在家就可以打印各种票务。国外票务网站每个网站都有其各自的运营特色和核心和核心竞争力，与国内的票务网站相同，都可以进行提前订票，在线选座等功能外，除了以上功能之外，国外票务网站为了能让用户有一个良好的购票体验，还会在用户挑选座位时对一些视线不佳，有遮挡物的地方的位置进行提醒。总之国外的票务网站有许多值得我们学习和借鉴的地方。电影票务网站的设计与制作42 课题开发平台和关键技术2.1 Adobe Photoshop 平台Adobe Sys
20、tems 包含了文档、图片、音频、视频、动画、网站、交互等多种功能的制作设计软件，其中最让人们耳熟能详的莫过于这款处理图像的软件 Adobe Photoshop了。Photoshop 主要用于图像的处理， Photoshop 有许多非常使用的功能，比如套索工具、快速选择工具、切片工具、修复画笔工具、渐变工具、钢笔工具等等，还可以编辑图片、在不同的图层中处理图片、为图片添加文字滤镜等。网页制作时可用Photoshop 对所需要的图片进行近一步的处理，比如调节色阶、饱和度、对比度可以使图片更加清晰自然，利用污点修复画笔工具可以将图片上水印或者不需要的部分去除，画笔钢笔工具可以在图片上任意添加所需的
21、内容，还有各式各样的的笔刷工具可供使用。这些工具都能使我们更加简洁方便的处理图片，从而有效地进行图片编辑工作。在制作网页时使用 Photoshop 用来处理网页中所使用的图像的工具。在制作网站的页面时，需要利用 Photoshop 对一些所需要的图片进行调整与处理，利用切片工具选择所需的图片，并将图片存储为 web 所用格式，或者可以直接调整图片的大小并存储为JPEG 格式。最终将处理好的图片放入 images 文件夹中，制作网页时调用即可。2.2 Adobe Dreamweaver 平台Adobe Dreamweaver，是一款用于网页制作的网页编辑器 3，同时也是一个网页开发工具，我本次所
22、做网站的前台页面都是利用 Dreamweaver 所制作的。Dreamweaver 可以新建的页面有 HTML、CSS 、JavaScript、ASP、PHP 等多种类型的页面， Dreamweaver 有许多十分方便的功能，比如编辑界面的查找与替换、插入界面的表单与表格、还有应用源格式等等。在利用 HTML 编写页面时可以发现代码、拆分、设计三个选项，代码是只显示代码编辑界面，在代码中我们可以直接写 HTML语言，设计就是操作界面，而拆分是代码和设计相两者相结合。这些功能都能使我们方便、快速、间接地制作出我们想要的网站页面。本次网站的网页页面主要是运用的 HTML5 和 CSS3 所制作的 4，在 Dreamweaver的站点管理中新建站点文件夹，新建 HTML 页面，使用语句使 HTML 页面与 CSS 相链接从而制作网站的前台。2.3 DIV+CSS 技术其实 DIV+CSS 技术也是需要在 Dreamweaver 中实现的，DIV+CSS 技术其实就是web 设计常用的一种页面布局 5。DIV+CSS 技术其实也是需要在 Dreamweaver 的
