摘要： 课题使用PS和AI等平面设计工具进行了网页视觉设计，利用HTML、CSS、JavaScript、JQuery、Ajax等前端网页技术结合PHP后端语言和MySQL数据库，将视觉设计及其网站功能实现出来。论文从选题背景及意义开始，讨论了“图库”网站的现状及开发技术方案，并对网站进行了系统的需求分析和功能分析。对网站数据库进行了设计。详细地对各功能模块的设计及实现进行了叙述和说明，包括前台页面的首页、注册登录模块、个人中心模块、购物车模块、结算支付模块以及后台的登录页、管理页面。其中特别对图库网站界面上的美观优化，进行了构思设计。

关键词： 图库；网站；PHP；MySQL；交互

Interface Function Design and Make Out of PicStock

Abstract: The project uses visual design tools such as PS and AI for web page visual design. The visual design and the function of the website are realized by using HTML, CSS, JavaScript, JQuery, Ajax and other front-end web pages to combine the PHP back end language and the MySQL database. The thesis begins with the background and significance of the topic, discusses the status of the "Gallery" website and the development of technical solutions, and carries out a systematic demand analysis and functional analysis of the website. The website database was designed. Detailed description and narration of the design and implementation of each functional module, including the front page, registration module, personal center module, shopping cart module, settlement payment module, background login page, and management page. In particular, the aesthetic design of the "Gallery" website is optimized.

Keywords: Gallery; Website; PHP; MySQL; Interaction

目录

摘要 i

Abstract i

目录 ii

1 绪论 1

1.1 选题背景与意义 1

1.1.1 开发背景 1

1.1.2 图库网站现状及发展趋势 2

1.2 图库网站开发方法简介 3

1.2.1 开发技术 3

1.2.2 开发工具及环境 3

2 网站需求及功能分析 5

2.1 需求分析 5

2.2 网站功能模块分析 5

2.2.1 网站系统目标 5

2.2.2 网站功能结构 5

2.3 数据库分析 6

2.3.1 数据库E-R图 6

2.3.2 数据表设计 7

2.3.3 数据库连接 8

3 网站设计及功能实现 9

3.1 前台首页设计 9

3.1.1 首页页面布局设计 9

3.1.2 首页实现过程 10

3.2 注册登录模块设计 12

3.2.1 用户注册 12

3.2.2 用户登录 13

3.3 个人中心模块 14

3.3.1 个人中心主页 14

3.3.2 安全退出 15

3.4 图片上传模块 15

3.4.1 图片上传界面设计 15

3.4.2 图片上传实现 16

3.5 图片详情页设计 17

3.5.1 图片详情页界面设计 17

3.5.2 图片详情页实现 17

3.6 图片显示模块 18

3.6.1 首页显示模块 18

3.6.2 分类与搜索显示模块 18

3.6.3 图片详情显示模块 19

3.7 购物车模块 19

3.7.1 购物车界面设计 19

3.7.2 删除商品 20

3.8 结算支付模块设计 20

3.8.1 订单显示 20

3.8.2 支付页面 20

3.9 后台设计 20

3.9.1 后台登录设计 21

3.9.2 后台首页设计 21

3.9.3 后台管理二级菜单设计 22

3.10 其他相关页面设计 23

3.10.1 关于我们页面设计 23

4 结论 25

4.1 难点与技巧分析 26

4.2 设计特点及创新点 26

致谢 29

参考文献 30

附录 31

1 绪论

在现今互联网发展的潮流之下，网络对于人们生活的影响已经渗透到方方面面。网络成为一个信息交汇口，信息流通与交换变得前所未有的便捷，而这都要归功于各大B2C、C2C以及一些分享交流平台网站的开发和发展壮大。

1.1 选题背景与意义

现代信息高速发展，人们接触到的信息资源越来越丰富，要想在短时间内吸引受众的眼睛，简单的大篇幅文字已经无法做到，往往高清精美的图片，才能在第一时间抓住浏览者的眼球，传达更多更丰富的信息。所谓“一图胜千言”。