校园生活一站通平台建设
摘 要： 校园一站式购物平台是一个将传统商店购物方式和现在流行的网上购物相结合的一个购物网站。目的在于能够让大学生的网上购物变得更加的方便、快速、安全，通过线上线下相结合的方式，能够解决以往发货慢、退换货麻烦等问题，让网上购物充分展现它的魅力所在。本课题通过相关应用软件：Sublime text、Photoshop CC、Phpstudy、DedeCMS。结合相关语言：html5、CSS3、JavaScript、jQuery等编写完成。网站制作过程中使用了seiper插件、织梦后台等第三方程序或插件制作完成了网站部分特效功能以及网站后台功能。网站中运用了当下最为流行的设计元素，以达到最佳的视觉效果。网站前台页面模块共包括：首页、关于我们、校园商城、新闻动态、人才招聘、联系我们六个一级栏目。后台连接数据库可实现的功能为：栏目增删改、商品增删改、新闻增删改、下载资料的增删改、留言板等丰富管理功能。
Keywords: Online shopping； additions and deletions to search；data connection 目 录
一、引言 1
（一）网站开发背景 1
（二）网站开发意义 1
（三）页面需求分析 1
（四）开发流程介绍 1
二、开发工具介绍 2
（一）Sublime Text 2
（二）Photoshop CC 2
（三）Phpstudy 2
三、开发语言介绍 2
（一）Html5 +Css3 2
（二）Javascript/Jquery 2
（三）DedeCMS 3
四、网站设计开发 3
（一）页面展示 3
1．页面布局结构 3
2．页面效果展示 7
3．后台布局结构 10
4.后台操作说明 11
（二）程序开发 12
1．前端页面实现 12
2．网站安装连接 19
总结 23
致谢 2
*好棒文|www.hbsrm.com +Q: ^351916072*
4
参考文献 25
一、引言
（一）网站开发背景
在社会科技不断发展的过程中，人们的一些行为习惯也在随之不断的发生着变化。自从网络购物、电商平台走进人们的生活以后，就不断的受到广大消费者的喜爱和推捧。越来越多的平台，像淘宝、天猫、京东、唯品会、蘑菇街等等一系列的电商平台开始出现，它们的服务目标有的针对广大的人群，有的专门针部分人群。开发本课题的想法也是源于在校期间的一次购物，超市里卖的东西往往比网上要贵一些，但是到超市却能够快速的得到自己急需的物品。在鱼和熊掌不可兼得的情况下，突然间想到为什么不可以把两者结合起来，为大学生提供一个线上线下相结合的购物平台呢？
同时，在为大学生用户提供购物服务的同时。平台还将定期的为大家更新最新的校园资讯、通知公告、活动信息等等，让大家购物学习两不误。
（二）网站开发意义
通过本课题的开发，能够解决当下大学生人群网购的一些烦恼。网上购物的人群学生和上班族居多，而且大学生人口较为集中，所以在大学城建立一个线上线下相结合的购物平台，那么很大范围内的大学生都可以既享受网上购物的轻松实惠，又能够享受到线下快速便捷。休闲购物之余，浏览网站咨询版块，了解学校的最新活动公告资讯通知，看看最新的技术攻略，让校园生活变得丰富多彩。
（三）页面需求分析
作为一个购物的平台，商城模块当然是必不可少的一部分。在商城模块，为了方便用户快速的找到自己想要的商品，所以将商城分为日用百货、零食饮料、学习用品、特价专区四个二级模块，提升用户体验效果。同时为了更好的服务用户，平台还增加了公司介绍页面和留言服务页面，通过用户的意见建议反馈，不断的更新改进，争取为用户提供更好的服务。新闻资讯模块主要是在大家购物休闲之余，了解了解学校的最新动态，通知公告，深度好文，购物学习两不误，让校园生活更精彩。除了基础模块之外，还提供了求职招聘、联系我们、首页三个模块。
（四）开发流程介绍
平台的模块构成，逻辑思维都想明白之后。要做的第一步就是在网上搜集我们所需要的图片文字材料，为网站的前端页面布局做准备。其次我们需要想好每个模块需要哪些内容，如何合理的布局。最好的方法就是现将自己的想法通过纸和笔画出来，然后再使用Photoshop cs设计出网站的设计稿。设计稿敲定之后，我们就可以把需要的图片通过切图的方式取出来，放到网站的文件夹中。
都准备好以后，就可以通过Sublime text 进行前端代码的编辑，现将本课题的所有静态页面编程好，然后将静态页面和DedeCMS连接，实现网站的后台连接。代码连接做好以后，通过Phpstudy将网站安装在本地主机上，我们就可以通过浏览器浏览啦。如果需要在其它电脑浏览，需要购买服务器安装。
二、开发工具介绍
（一）Sublime Text
Sublime Text 是一个代码编辑器, 也是HTML和散文先进的文本编辑器。它能够支持多种语言的编译，所以它的适用范围也非常的广泛。Sublime Text是最受网站程序开发者欢迎的软件之一，它简单便捷的操作方式，能够快速的打开关闭网站文件。在使用sublime text之前，我第一个接触的代码编译软件是Dreanweaver，但是相比之下，sublime text强大的插件系统，能够为程序开发者提供很多的快捷服务，高亮显示、自动排版、缩写自动识别词汇等等众多人性化的功能，所以它最终成为了我编辑页面的首选软件。
（二）Photoshop CC
如果是Sublime Text是程序开发人员的宠儿，那么Photoshop就是平面设计和图形处理爱好者的首选软件之一。它简单丰富的功能，能够满足不同层次人员的需求。从简单的图片修正，裁剪，到复杂的页面设计效果展现，它不断更新的过程也让我们一点点的看到它的功能在不断的完善提升。本课题相关的页面设计、图片处理都是通过它的一个版本Phptoshop CC完成。
（三）Phpstudy
phpStudy是一个PHP调试环境的程序集成包。
该程序包集成最新的Apache+PHP+MySQL+phpMyAdmin+ZendOptimizer,一次性安装，无须配置即可使用，是非常方便、好用的PHP调试环境该程序不仅包括PHP调试环境，还包括了开发工具、开发手册等总之学习PHP只需一个包。
对学习PHP的新手来说，WINDOWS下环境配置是一件很困难的事；对老手来说也是一件烦琐的事。因此无论你是新手还是老手，该程序包都是一个不错的选择。
三、开发语言介绍
Keywords: Online shopping； additions and deletions to search；data connection 目 录
一、引言 1
（一）网站开发背景 1
（二）网站开发意义 1
（三）页面需求分析 1
（四）开发流程介绍 1
二、开发工具介绍 2
（一）Sublime Text 2
（二）Photoshop CC 2
（三）Phpstudy 2
三、开发语言介绍 2
（一）Html5 +Css3 2
（二）Javascript/Jquery 2
（三）DedeCMS 3
四、网站设计开发 3
（一）页面展示 3
1．页面布局结构 3
2．页面效果展示 7
3．后台布局结构 10
4.后台操作说明 11
（二）程序开发 12
1．前端页面实现 12
2．网站安装连接 19
总结 23
致谢 2
*好棒文|www.hbsrm.com +Q: ^351916072*
4
参考文献 25
一、引言
（一）网站开发背景
在社会科技不断发展的过程中，人们的一些行为习惯也在随之不断的发生着变化。自从网络购物、电商平台走进人们的生活以后，就不断的受到广大消费者的喜爱和推捧。越来越多的平台，像淘宝、天猫、京东、唯品会、蘑菇街等等一系列的电商平台开始出现，它们的服务目标有的针对广大的人群，有的专门针部分人群。开发本课题的想法也是源于在校期间的一次购物，超市里卖的东西往往比网上要贵一些，但是到超市却能够快速的得到自己急需的物品。在鱼和熊掌不可兼得的情况下，突然间想到为什么不可以把两者结合起来，为大学生提供一个线上线下相结合的购物平台呢？
同时，在为大学生用户提供购物服务的同时。平台还将定期的为大家更新最新的校园资讯、通知公告、活动信息等等，让大家购物学习两不误。
（二）网站开发意义
通过本课题的开发，能够解决当下大学生人群网购的一些烦恼。网上购物的人群学生和上班族居多，而且大学生人口较为集中，所以在大学城建立一个线上线下相结合的购物平台，那么很大范围内的大学生都可以既享受网上购物的轻松实惠，又能够享受到线下快速便捷。休闲购物之余，浏览网站咨询版块，了解学校的最新活动公告资讯通知，看看最新的技术攻略，让校园生活变得丰富多彩。
（三）页面需求分析
作为一个购物的平台，商城模块当然是必不可少的一部分。在商城模块，为了方便用户快速的找到自己想要的商品，所以将商城分为日用百货、零食饮料、学习用品、特价专区四个二级模块，提升用户体验效果。同时为了更好的服务用户，平台还增加了公司介绍页面和留言服务页面，通过用户的意见建议反馈，不断的更新改进，争取为用户提供更好的服务。新闻资讯模块主要是在大家购物休闲之余，了解了解学校的最新动态，通知公告，深度好文，购物学习两不误，让校园生活更精彩。除了基础模块之外，还提供了求职招聘、联系我们、首页三个模块。
（四）开发流程介绍
平台的模块构成，逻辑思维都想明白之后。要做的第一步就是在网上搜集我们所需要的图片文字材料，为网站的前端页面布局做准备。其次我们需要想好每个模块需要哪些内容，如何合理的布局。最好的方法就是现将自己的想法通过纸和笔画出来，然后再使用Photoshop cs设计出网站的设计稿。设计稿敲定之后，我们就可以把需要的图片通过切图的方式取出来，放到网站的文件夹中。
都准备好以后，就可以通过Sublime text 进行前端代码的编辑，现将本课题的所有静态页面编程好，然后将静态页面和DedeCMS连接，实现网站的后台连接。代码连接做好以后，通过Phpstudy将网站安装在本地主机上，我们就可以通过浏览器浏览啦。如果需要在其它电脑浏览，需要购买服务器安装。
二、开发工具介绍
（一）Sublime Text
Sublime Text 是一个代码编辑器, 也是HTML和散文先进的文本编辑器。它能够支持多种语言的编译，所以它的适用范围也非常的广泛。Sublime Text是最受网站程序开发者欢迎的软件之一，它简单便捷的操作方式，能够快速的打开关闭网站文件。在使用sublime text之前，我第一个接触的代码编译软件是Dreanweaver，但是相比之下，sublime text强大的插件系统，能够为程序开发者提供很多的快捷服务，高亮显示、自动排版、缩写自动识别词汇等等众多人性化的功能，所以它最终成为了我编辑页面的首选软件。
（二）Photoshop CC
如果是Sublime Text是程序开发人员的宠儿，那么Photoshop就是平面设计和图形处理爱好者的首选软件之一。它简单丰富的功能，能够满足不同层次人员的需求。从简单的图片修正，裁剪，到复杂的页面设计效果展现，它不断更新的过程也让我们一点点的看到它的功能在不断的完善提升。本课题相关的页面设计、图片处理都是通过它的一个版本Phptoshop CC完成。
（三）Phpstudy
phpStudy是一个PHP调试环境的程序集成包。
该程序包集成最新的Apache+PHP+MySQL+phpMyAdmin+ZendOptimizer,一次性安装，无须配置即可使用，是非常方便、好用的PHP调试环境该程序不仅包括PHP调试环境，还包括了开发工具、开发手册等总之学习PHP只需一个包。
对学习PHP的新手来说，WINDOWS下环境配置是一件很困难的事；对老手来说也是一件烦琐的事。因此无论你是新手还是老手，该程序包都是一个不错的选择。
三、开发语言介绍
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/xxaq/734.html
