趣观影网站设计与实现(附件)【字数：5184】
本网站是一个以“电影”，“购票”为主题的电影网站。本网站希望能够为客户提供一个舒适的购票平台。琳琅满目的电影图片，简洁明了的页面设计，精益求精的影评介绍，加以轮换的动态特效，希望能够给用户带去良好的观影体验，除此之外，也希望用户能够寻找到自己喜欢的优质影片。本网站主要采用PHP+MYSQL构建完成，页面简洁朴实，线条流畅，条理清晰，能够通过简单的代码完成网站的构建。这一篇论文试图向光大的用户们详细的介绍“趣观影”网站为什么而存在，设计之处的想法，以及“趣观影”网站能够为用户带去怎样的体验。除此之外还讲述了在完成设计的过程中所使用到的技术和工具，并阐述的网站制作的过程。
目录
一、引言 1
（一）开发目的 1
（二）开发技术 1
1.HTML 1
2.CSS 1
3.Php 1
4.JavaScript 1
1.Photoshop 2
2.Firefox 2
3.Wampserver 2
4.Mysql 2
二、网站总体设计 2
（一）网站功能模块设计 2
1.前端网页设计 2
2.后端管理系统 2
（二）数据库的设计 2
（三）数据表的设计 3
三、网站设计 3
（一）前端页面设计 3
（二）用户信息 9
四、总结 15
致谢 16
参考文献 17
一、引言
（一）开发目的
当前，一个极其信息化的年代，在4G互联网快速发展之下，5G萌芽也悄然而生，互联网的发展使得人们对于网络的需求更加浓烈——在网络上交友、在网络上购物、在网络上看剧，久而久之，互联网给我们带来的这些快捷的娱乐方式逐渐的成为了我们快节奏生活中少几样的调节剂。然而电影，尤其是把全身心投入到观赏电影中的人们，更能感受到影片带来的愉悦之感。一部电影，时长不等，但无论时间的长短，在影院里体会沉浸式的放松，都能够为努力拼搏的人们带来片刻的休憩，而这也就是线下影院经久不衰的原因。为了能够让用户选购喜欢的影片，同时不至于把时间浪费在影院购票上，“ *好棒文|www.hbsrm.com +Q: &351916072&
趣观影”网站因此孕育而生。
（二）开发技术
1.HTML
Html，超文本标记语言。 “趣观影”网站的主体就是由HTML+CSS完成基础架构，通过html语言将各个不同样式的子页与首页一一链接形成一个完整的网站。除此之外，“趣观影”网站还通过使用html与其他不同的web技术结合使用，设计出了功能各不相同的页面以供用户体验。
2.CSS
CSS，层叠样式表。使用CSS目的是想要通过CSS来完成对已经编译好的页面进行布局。因为通过CSS代码可以减少内联样式的使用这样就可以很好的html文档的篇幅加以控制，通过CSS代码可以很好的html文档的篇幅加以控制，从而降低html代码的篇幅，这样可以减少网页运行的难度。另外，相较于布局较为相似的页面，可以使用相同CSS，来降低设计的工作量。
3.Php
Php，超文本预处理器。而可以通过PHP与MYSQL完成前后端交互，所以“趣观影”网站选择使用php进行连接数据库。而“趣观影”网站正是考虑到网站需要使用数据库的问题，毅然选择使用php进行连接数据库。而且php仅仅只是html语言的一种升级形式，所以html语言依然是php的核心，这样使用php进行编译时并不会对原有的已经编辑好的HTML静态页面产生太多的影响。
4.JavaScript
Javascript，简称JS，是一种解释性脚本语言。使用javascript代码做编译可以为网页添加许多不同之类的特效，比如：弹窗效果、在线时间效果、输入框效果等等。而使用javascript添加特效，还可以是的页面的浏览质感更好，能够给用户带去不一样的体验。“趣观影”网站运用javascript完成“弹窗显示”、“左右滚动”等效果，使得网站更有色彩。
（三）技术支持
1.Photoshop
Photoshop，一种图像处理软件，而且相对于新手而言，难度也并不算太大。利用photoshop，可以在设计初期对网站进行初步的描述，通过图像展现出来。在后期网站的制作过程中，photoshop也起到极其重要的作用，无论是页面图片的整体布局，或是局部图片的输出，photoshop都可以把需要的图片进行最合理的优化。
2.Firefox
Firefox，火狐浏览。火狐浏览器兼容许多web的网络标准，相对于其他的浏览器对于第一做网站的人有着较优的推荐性，而且这些兼容的标准也对网站的编写起到较好的辅助功能。所以在“趣观影”网站的编写过程中，我主要通过Firefox浏览器进行进度的查看。
3.Wampserver
Wampserver，使用这款软件的主要原因是可以减少浪费在软件环境配置的时间，应为它既可以解释并翻译PHP语言，而且还能够与MySQL数据库相连接，这样通过一款wampserver解决了两款软件的问题，大大降低了工作量，与此同时它能够连接MySQL数据库的功能也正解决了“趣观影”网站前后端连接的问题。
4.Mysql
MySQL，一种oracle数据库。“趣观影”网站之所以选择MySQL为适用数据库，首先它是是一款开源数据库，其次MySQL可以通过使用php语言来连接，而我相比于其他的语言对PHP语言更加的熟悉。在“趣观影”网站的设计中，MySQL数据主要是用于“用户账号的注册和登陆”、“电影展示与介绍”、“电影购票与退票”三大方面。
二、网站总体设计
（一）网站功能模块设计
1.前端网页设计
第一步，我对网站的前端页面进行的设计，先用photoshop工具对页面做了一个大体的布局表示，在这里，我按照原本计划对网站设计之初的功能进行了编译，这里面包括了用户是否能够成功登录，能否成功购票，对已经购票的影票能否成功退票，同时用户还可一查看网站设计之初的理念和官方推出的活动。
2.后端管理系统
后台系统主要是对数据库的掌控，其中隶属于商家的是电影信息的管理，例如商家自行管理上架的电影信息，包括添加新电影，下架老电影，更新电影信息，而且展现出来的信息由图表完成；除此之外，数据库中还存放这用户的个人信息和影票信息。
（二）数据库的设计
目录
一、引言 1
（一）开发目的 1
（二）开发技术 1
1.HTML 1
2.CSS 1
3.Php 1
4.JavaScript 1
1.Photoshop 2
2.Firefox 2
3.Wampserver 2
4.Mysql 2
二、网站总体设计 2
（一）网站功能模块设计 2
1.前端网页设计 2
2.后端管理系统 2
（二）数据库的设计 2
（三）数据表的设计 3
三、网站设计 3
（一）前端页面设计 3
（二）用户信息 9
四、总结 15
致谢 16
参考文献 17
一、引言
（一）开发目的
当前，一个极其信息化的年代，在4G互联网快速发展之下，5G萌芽也悄然而生，互联网的发展使得人们对于网络的需求更加浓烈——在网络上交友、在网络上购物、在网络上看剧，久而久之，互联网给我们带来的这些快捷的娱乐方式逐渐的成为了我们快节奏生活中少几样的调节剂。然而电影，尤其是把全身心投入到观赏电影中的人们，更能感受到影片带来的愉悦之感。一部电影，时长不等，但无论时间的长短，在影院里体会沉浸式的放松，都能够为努力拼搏的人们带来片刻的休憩，而这也就是线下影院经久不衰的原因。为了能够让用户选购喜欢的影片，同时不至于把时间浪费在影院购票上，“ *好棒文|www.hbsrm.com +Q: &351916072&
趣观影”网站因此孕育而生。
（二）开发技术
1.HTML
Html，超文本标记语言。 “趣观影”网站的主体就是由HTML+CSS完成基础架构，通过html语言将各个不同样式的子页与首页一一链接形成一个完整的网站。除此之外，“趣观影”网站还通过使用html与其他不同的web技术结合使用，设计出了功能各不相同的页面以供用户体验。
2.CSS
CSS，层叠样式表。使用CSS目的是想要通过CSS来完成对已经编译好的页面进行布局。因为通过CSS代码可以减少内联样式的使用这样就可以很好的html文档的篇幅加以控制，通过CSS代码可以很好的html文档的篇幅加以控制，从而降低html代码的篇幅，这样可以减少网页运行的难度。另外，相较于布局较为相似的页面，可以使用相同CSS，来降低设计的工作量。
3.Php
Php，超文本预处理器。而可以通过PHP与MYSQL完成前后端交互，所以“趣观影”网站选择使用php进行连接数据库。而“趣观影”网站正是考虑到网站需要使用数据库的问题，毅然选择使用php进行连接数据库。而且php仅仅只是html语言的一种升级形式，所以html语言依然是php的核心，这样使用php进行编译时并不会对原有的已经编辑好的HTML静态页面产生太多的影响。
4.JavaScript
Javascript，简称JS，是一种解释性脚本语言。使用javascript代码做编译可以为网页添加许多不同之类的特效，比如：弹窗效果、在线时间效果、输入框效果等等。而使用javascript添加特效，还可以是的页面的浏览质感更好，能够给用户带去不一样的体验。“趣观影”网站运用javascript完成“弹窗显示”、“左右滚动”等效果，使得网站更有色彩。
（三）技术支持
1.Photoshop
Photoshop，一种图像处理软件，而且相对于新手而言，难度也并不算太大。利用photoshop，可以在设计初期对网站进行初步的描述，通过图像展现出来。在后期网站的制作过程中，photoshop也起到极其重要的作用，无论是页面图片的整体布局，或是局部图片的输出，photoshop都可以把需要的图片进行最合理的优化。
2.Firefox
Firefox，火狐浏览。火狐浏览器兼容许多web的网络标准，相对于其他的浏览器对于第一做网站的人有着较优的推荐性，而且这些兼容的标准也对网站的编写起到较好的辅助功能。所以在“趣观影”网站的编写过程中，我主要通过Firefox浏览器进行进度的查看。
3.Wampserver
Wampserver，使用这款软件的主要原因是可以减少浪费在软件环境配置的时间，应为它既可以解释并翻译PHP语言，而且还能够与MySQL数据库相连接，这样通过一款wampserver解决了两款软件的问题，大大降低了工作量，与此同时它能够连接MySQL数据库的功能也正解决了“趣观影”网站前后端连接的问题。
4.Mysql
MySQL，一种oracle数据库。“趣观影”网站之所以选择MySQL为适用数据库，首先它是是一款开源数据库，其次MySQL可以通过使用php语言来连接，而我相比于其他的语言对PHP语言更加的熟悉。在“趣观影”网站的设计中，MySQL数据主要是用于“用户账号的注册和登陆”、“电影展示与介绍”、“电影购票与退票”三大方面。
二、网站总体设计
（一）网站功能模块设计
1.前端网页设计
第一步，我对网站的前端页面进行的设计，先用photoshop工具对页面做了一个大体的布局表示，在这里，我按照原本计划对网站设计之初的功能进行了编译，这里面包括了用户是否能够成功登录，能否成功购票，对已经购票的影票能否成功退票，同时用户还可一查看网站设计之初的理念和官方推出的活动。
2.后端管理系统
后台系统主要是对数据库的掌控，其中隶属于商家的是电影信息的管理，例如商家自行管理上架的电影信息，包括添加新电影，下架老电影，更新电影信息，而且展现出来的信息由图表完成；除此之外，数据库中还存放这用户的个人信息和影票信息。
（二）数据库的设计
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/wljs/132.html
