琴在身处网络平台网站建设
摘 要 琴在身处网络平台建设，是为热爱音乐，热爱传统琴类乐器人群提供的一个了解和学习的大型网络平台。平台不仅有种类齐全、质量好价格优的乐器商城，还有相关音乐人的心得技巧分享，并且用户可以在网络平台免费的下载相关乐谱，音乐软件等工具，同时，用户在购买商品，下载软件资料的同时，还可以通过新闻版块，了解到音乐行业的最新资讯。本课题采用的技术：div+css设计页面、C#、数据库和Visual Studio。网站制作过程中使用了seiper插件、织梦后台等第三方程序或插件制作完成了网站部分特效功能以及网站后台功能。网站中运用了当下最为流行的设计元素，以达到最佳的视觉效果。网站前台页面模块共包括：首页、所有产品、课程介绍、名师大家、下载中心、媒体新闻、关于我们八个一级栏目。后台连接数据库可实现的功能为：栏目增删改、商品增删改、新闻增删改、下载资料的增删改等丰富管理功能。本文对网站的实现过程进行了详细的说明。本文对网站的实现过程进行了详细的说明。
Keywords: additions and deletions to change search; resource download; database. 目录
一、引言 1
（一）、开发背景 1
（二）、课题内容 1
（三）、应解决的主要问题 1
二、技术介绍 1
（一）开发工具 1
1.Photoshop cc 1
2.Sublime text 1
3.Phpstudy 2
（二）、开发语言 2
1.HTML 5 2
2.CSS3 2
3.Javascript 2
三、系统的需求分析 3
（一）、系统功能需求分析 3
1.功能实现 3
2.网站的前台管理 3
3.管理员管理 4
（二）系统功能结构图 4
四、数据库设计与实现 4
（一）数据的需求分析 4
（二）数据表的逻辑表 5
五、系统的设计与实现 5
（一）、前台的设计与实现 5
1.网站的前台设计 5
*好棒文|www.hbsrm.com +Q: &351916072&
2.网站的框架设计与布局实现 6
3.页面展示 9
（二）、后台的设计与实现 15
1.后台设计 15
2.模块的设计与实现 16
3.后台内容管理模块 18
4.后台连接 21
六、总结 21
致谢 23
参考文献 24
一、引言
（一）、开发背景
当今社会，随着网络科技的发展，人们越来越多的事情开始通过网络处理完成，购物、出行、看病、娱乐等等，几乎每年都会在互联网推出一些新的服务。网络的便捷性让我们在处理各种事物的时候会节约很多的时间和精力。琴在身处网络平台的建设同样也是通过网络将一系列音乐艺术的功能带给用户。
（二）、课题内容
课题的主要功能包括：商品的发布、商品的修改、商品的管理、用户的注册登录、商品的订购、购物车、在线留言等。
（三）、应解决的主要问题
管理员可以自定义上传内容模板，满足各种展现需求。用户可以无需注册登录即可浏览网站内容，了解产品质量、行业动态、新闻资讯等信息。并且用户还可以免费下载网站所提供的各种资料软件。
二、技术介绍
（一）开发工具
1.Photoshop cc
2013年7月份，Adobe公司推出了新版本photoshop——Photoshop CC（Creative Cloud）。Photoshop CC是在Photoshop CS6功能的基础上，新增了相机防抖动功能、CameraRAW功能改进、图像提升采样、属性面板改进、Behance集成等功能。
从Photoshop cc推出以来，一直深受设计美工行业人员的喜爱，我们可通过它强大的功能，设计出我们所想要的网页设计图。
2.Sublime text
Sublime Text 是一个代码编辑器。它于2008年1月份由程序员Jon Skinner开发出来，软件的最初是被设计为一个具有丰富扩展功能的Vim。
Sublime Text具有美观的用户界面和强大的功能，例如代码缩略图、代码段等。还可自定义键设计绑定，菜单和工具栏。Sublime Text 的主要功能包括：检查拼写，完整的 Python API功能，即时多项目切换，多选择性和多窗口等等。Sublime Text 不仅仅是一个跨平台的编辑器，同时支持它Windows、Linux、等操作系统。
3.Phpstudy
phpStudy是一个PHP调试环境的程序集成包。
该程序包含了最新的PHP+Apache+MySQL+ZendOptimizer+phpMyAdmin,快速的安装，无需配置，好用的PHP调试环境。phpStudy不仅包括PHP调试环境，还包括了开发手册、开发工具等。
（二）、开发语言
1.HTML 5
HTML5是开放的Web网络平台的奠基石。它提供给网页更好的意义和结构。并且能够更有效的提高工作效率，更快速的提供浏览网页的速率，也支持多种浏览器包括火狐浏览器、IE9以及更高版本、谷歌浏览器等。
2.CSS3
CSS的含义即层叠样式表。 是程序员在网页制作时所采用的层叠样式表技术，这个技术可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精准的控制。 只需要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括：列表模块、盒子模型、语言模块 、背景和边框 、超链接方式 、文字特效 、多栏布局等。
3.Javascript
JavaScript本身是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言。它的解释器被称为JavaScript引擎，是浏览器的一部分，广泛应用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览网页的效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。?
是一种解释性脚本语言（代码不进行预编译）。?
主要用来向HTML页面添加交互行为。
可以嵌入HTML页面，但是写成单独的js文件有利于结构和行为的分离。
跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Linux、Windows、Mac、iOS、Android等）。
Javascript脚本语言与其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。
Keywords: additions and deletions to change search; resource download; database. 目录
一、引言 1
（一）、开发背景 1
（二）、课题内容 1
（三）、应解决的主要问题 1
二、技术介绍 1
（一）开发工具 1
1.Photoshop cc 1
2.Sublime text 1
3.Phpstudy 2
（二）、开发语言 2
1.HTML 5 2
2.CSS3 2
3.Javascript 2
三、系统的需求分析 3
（一）、系统功能需求分析 3
1.功能实现 3
2.网站的前台管理 3
3.管理员管理 4
（二）系统功能结构图 4
四、数据库设计与实现 4
（一）数据的需求分析 4
（二）数据表的逻辑表 5
五、系统的设计与实现 5
（一）、前台的设计与实现 5
1.网站的前台设计 5
*好棒文|www.hbsrm.com +Q: &351916072&
2.网站的框架设计与布局实现 6
3.页面展示 9
（二）、后台的设计与实现 15
1.后台设计 15
2.模块的设计与实现 16
3.后台内容管理模块 18
4.后台连接 21
六、总结 21
致谢 23
参考文献 24
一、引言
（一）、开发背景
当今社会，随着网络科技的发展，人们越来越多的事情开始通过网络处理完成，购物、出行、看病、娱乐等等，几乎每年都会在互联网推出一些新的服务。网络的便捷性让我们在处理各种事物的时候会节约很多的时间和精力。琴在身处网络平台的建设同样也是通过网络将一系列音乐艺术的功能带给用户。
（二）、课题内容
课题的主要功能包括：商品的发布、商品的修改、商品的管理、用户的注册登录、商品的订购、购物车、在线留言等。
（三）、应解决的主要问题
管理员可以自定义上传内容模板，满足各种展现需求。用户可以无需注册登录即可浏览网站内容，了解产品质量、行业动态、新闻资讯等信息。并且用户还可以免费下载网站所提供的各种资料软件。
二、技术介绍
（一）开发工具
1.Photoshop cc
2013年7月份，Adobe公司推出了新版本photoshop——Photoshop CC（Creative Cloud）。Photoshop CC是在Photoshop CS6功能的基础上，新增了相机防抖动功能、CameraRAW功能改进、图像提升采样、属性面板改进、Behance集成等功能。
从Photoshop cc推出以来，一直深受设计美工行业人员的喜爱，我们可通过它强大的功能，设计出我们所想要的网页设计图。
2.Sublime text
Sublime Text 是一个代码编辑器。它于2008年1月份由程序员Jon Skinner开发出来，软件的最初是被设计为一个具有丰富扩展功能的Vim。
Sublime Text具有美观的用户界面和强大的功能，例如代码缩略图、代码段等。还可自定义键设计绑定，菜单和工具栏。Sublime Text 的主要功能包括：检查拼写，完整的 Python API功能，即时多项目切换，多选择性和多窗口等等。Sublime Text 不仅仅是一个跨平台的编辑器，同时支持它Windows、Linux、等操作系统。
3.Phpstudy
phpStudy是一个PHP调试环境的程序集成包。
该程序包含了最新的PHP+Apache+MySQL+ZendOptimizer+phpMyAdmin,快速的安装，无需配置，好用的PHP调试环境。phpStudy不仅包括PHP调试环境，还包括了开发手册、开发工具等。
（二）、开发语言
1.HTML 5
HTML5是开放的Web网络平台的奠基石。它提供给网页更好的意义和结构。并且能够更有效的提高工作效率，更快速的提供浏览网页的速率，也支持多种浏览器包括火狐浏览器、IE9以及更高版本、谷歌浏览器等。
2.CSS3
CSS的含义即层叠样式表。 是程序员在网页制作时所采用的层叠样式表技术，这个技术可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精准的控制。 只需要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括：列表模块、盒子模型、语言模块 、背景和边框 、超链接方式 、文字特效 、多栏布局等。
3.Javascript
JavaScript本身是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言。它的解释器被称为JavaScript引擎，是浏览器的一部分，广泛应用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览网页的效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。?
是一种解释性脚本语言（代码不进行预编译）。?
主要用来向HTML页面添加交互行为。
可以嵌入HTML页面，但是写成单独的js文件有利于结构和行为的分离。
跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Linux、Windows、Mac、iOS、Android等）。
Javascript脚本语言与其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/xxaq/729.html
