中医汇网站的设计与实现
本课题为了更好的了解中国传统的中医文化，加强人心中的健康意识，方便常见病症人群在中医方面的调理治疗，设计出了这个符合需求的网站。网站分为五大栏目，分别是：首页、中医常识、保健养生、疾病大全、文献图谱，通过查询浏览本网站可以有效的帮助用户实现普通病症的自我了解以及初步判断，同时能够根据季节饮食运动等多方面因素为用户提供养生等生活常识，为热爱针灸推拿的人提供专业的文字图解，用最权威的中医知识为需要的人带来福利。页面效果采用设计工具Photoshop完成，同时以sublime为前端开发工具，运用HTML、CSS、JavaScript，以及各种开源组件，如swiper等实现本网站。
目录
一、引言 1
二、技术开发介绍 1
（一）Sublime软件 1
（二）Photoshop 1
（三）HTML/CSS 1
（四）Javascript语言 2
（五）jQuery库 2
（六）Swiper组件 2
三、网站的设计 2
（一）网站模块设计 2
（二）网站组织结构设计 2
（三）网站页面风格设计 3
1．Logo设计 3
2．页面设计 3
四、网站的实现 3
（一）首页的实现 3
1．导航条 4
2．轮播图 5
3．春季养生推荐 6
4．精选模块 8
5．关于我们 8
6．回到顶部 9
（二）二级页面的实现 10
1．子页面导航条 10
2．列表页切换 10
3．中医常识中医文化 11
4．中医常识中医简史 12
5．中医常识中医理论 12
6．疾病大全常病诊治 13
7．文献图谱中医图谱 14
8．文献图谱中药词典 14
（三）文章详情页的实现 15
1．保健食谱菜单详情页 15
2．登录注册页面的实现 16
五、网站的测试与维护 17
六、总结 18
致
*好棒文|www.hbsrm.com +Q: 3_5_1_9_1_6_0_7_2
谢 19
参考文献 20
附录 21
一、引言
现代人群生活提高的同时，中医的生活压力增大，工作任务繁重，电脑工作的普及，空气环境面临前所未有的挑战，这些都无不对我们的健康构成威胁，面临的健康问题已经愈加严重，然而随着生活水平的提高，人们对于掌控自己健康的主动性也越来越高，小到上火，大到颈间腰椎疼痛，男女老少，壮阳滋阴，孕期保健，儿童增强免疫力，吃什么健康，大家对保健的知识已经在不知不觉中变得求知若渴。然而此时最让人担忧的是社会上形形色色打着中医的幌子造谣生骗赚钱为生的人，会扰乱人们对中医对保健的理解，甚至会对健康造成反作用。
终上所述，建立一套完善的中医体系，让人们权威正确的理解中医变得尤为重要，为热爱中医知识和积极弘扬中国传统医学文化的人群搭建一个平台，让人们通过查询浏览本网站就可以有效的帮助用户实现普通病症的自我了解以及初步判断，同时能够根据季节饮食运动等多方面因素为用户提供养生等生活常识，为热爱针灸推拿的人提供专业的文字图解，用最权威的中医知识为需要的人带来福利。
技术上页面效果采用设计工具Photoshop完成，设计中，同时以sublime为前端开发工具，运用HTML、CSS、JavaScript，采用jQuery框架以及各种开源组件，如swiper等实现本网站。
二、技术开发介绍
（一）Sublime软件
Sublime Text是2008年1月份由程序员Jon Skinner开发出的一款支持多种计算机语言的代码编辑器，包括网站中用到的HTML、CSS、JavaScript等，最初被设计为一个具有丰富扩展功能的Vim，同时也是跨平台编辑器，同时支持Widows，Mac OS，Linux等操作系统。作为一款主流的前端编辑器，sublime的优点众多，编译速度快，漂亮的用户界面，不同层级的代码彩色高亮显示，方便的快捷键功能，如Ctrl+Shift+K 删除整行，Ctrl+Shift+A 选择光标位置父标签对儿等，总有一个原因让工程师爱不释手。
（二）Photoshop
Adobe Photoshop，简称“PS”，是由Adobe Systems开发和发行的图像处理软件。功能上，PS分为图像编辑、图像合成、校色调色及功能色效制作部分等。 图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜像、透视等；也可进行复制、去除斑点、修补、修饰图像的残损等，主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑设计工作。PS支持Windows、Android、Mac OS， 但对于Linux操作系统，用户可以通过使用Wine来运行Photoshop。截止2016年1月Adobe PhotoshopCC2015为市场最新版本。
（三）HTML/CSS
HTML为标准通用标记语言下的一个应用超文本标记语言，万维网的核心语言。
CSS又称层叠样式表，用来表现HTML或XML等文件样式的计算机语言，可以实现网页表现与内容分离。该网站运用HTLM5以及CSS3做出了多处动画效果，尤其CSS3动画改变了原来CSS所不能完成的动态效果，且使用方便简单。
（四）Javascript语言
JavaScript也称ECMAScript，是1995年由Netscape公司的Brendan Eich在网景导航者浏览器上首次设计实现而成的一种直译式脚本语言，为浏览器的一部分，广泛用于客户端的脚本语言。本网站上用来给HTML网页增加动态功能。
（五）jQuery库
JQuery是目前最流行的免费开源的轻量级Javascript库 ，兼容CSS3及多种浏览器，在2006年1月由美国人John Resig在纽约的barcamp发布，由Dave Methvin率领团队进行开发。jQuery能更方便地操作文档对象，选择DOM元素，制作动画效果，使用Ajax交互等其他功能，使开发更加便捷。
（六）Swiper组件
Swiper 是一款开源免费的轻量级移动设备触控滑块的js框架，功能强大，多种效果，在移动端和PC端的浏览器有着良好的用户体验。
三、网站的设计
（一）网站模块设计
根据大家对中医的了解，以及大家对中医的需求制定了该网站。网站总体共设计为五大模块：首页、中医常识、保健养生、疾病大全、文献图谱。
网站首页：首页界面呈现的是导航条，及其余四个模块的精选文章推荐，还有关于我们模块。
中医常识；方便用户了解中国传统中医文化。
保健养生：为爱好养生的人提供真实可靠的保健养生知识
疾病大全：根据不同的病症分类，帮助用户通过浏览初步确认病症范围。
文献图谱：收集最全面的中医文献图谱。
（二）网站组织结构设计
目录
一、引言 1
二、技术开发介绍 1
（一）Sublime软件 1
（二）Photoshop 1
（三）HTML/CSS 1
（四）Javascript语言 2
（五）jQuery库 2
（六）Swiper组件 2
三、网站的设计 2
（一）网站模块设计 2
（二）网站组织结构设计 2
（三）网站页面风格设计 3
1．Logo设计 3
2．页面设计 3
四、网站的实现 3
（一）首页的实现 3
1．导航条 4
2．轮播图 5
3．春季养生推荐 6
4．精选模块 8
5．关于我们 8
6．回到顶部 9
（二）二级页面的实现 10
1．子页面导航条 10
2．列表页切换 10
3．中医常识中医文化 11
4．中医常识中医简史 12
5．中医常识中医理论 12
6．疾病大全常病诊治 13
7．文献图谱中医图谱 14
8．文献图谱中药词典 14
（三）文章详情页的实现 15
1．保健食谱菜单详情页 15
2．登录注册页面的实现 16
五、网站的测试与维护 17
六、总结 18
致
*好棒文|www.hbsrm.com +Q: 3_5_1_9_1_6_0_7_2
谢 19
参考文献 20
附录 21
一、引言
现代人群生活提高的同时，中医的生活压力增大，工作任务繁重，电脑工作的普及，空气环境面临前所未有的挑战，这些都无不对我们的健康构成威胁，面临的健康问题已经愈加严重，然而随着生活水平的提高，人们对于掌控自己健康的主动性也越来越高，小到上火，大到颈间腰椎疼痛，男女老少，壮阳滋阴，孕期保健，儿童增强免疫力，吃什么健康，大家对保健的知识已经在不知不觉中变得求知若渴。然而此时最让人担忧的是社会上形形色色打着中医的幌子造谣生骗赚钱为生的人，会扰乱人们对中医对保健的理解，甚至会对健康造成反作用。
终上所述，建立一套完善的中医体系，让人们权威正确的理解中医变得尤为重要，为热爱中医知识和积极弘扬中国传统医学文化的人群搭建一个平台，让人们通过查询浏览本网站就可以有效的帮助用户实现普通病症的自我了解以及初步判断，同时能够根据季节饮食运动等多方面因素为用户提供养生等生活常识，为热爱针灸推拿的人提供专业的文字图解，用最权威的中医知识为需要的人带来福利。
技术上页面效果采用设计工具Photoshop完成，设计中，同时以sublime为前端开发工具，运用HTML、CSS、JavaScript，采用jQuery框架以及各种开源组件，如swiper等实现本网站。
二、技术开发介绍
（一）Sublime软件
Sublime Text是2008年1月份由程序员Jon Skinner开发出的一款支持多种计算机语言的代码编辑器，包括网站中用到的HTML、CSS、JavaScript等，最初被设计为一个具有丰富扩展功能的Vim，同时也是跨平台编辑器，同时支持Widows，Mac OS，Linux等操作系统。作为一款主流的前端编辑器，sublime的优点众多，编译速度快，漂亮的用户界面，不同层级的代码彩色高亮显示，方便的快捷键功能，如Ctrl+Shift+K 删除整行，Ctrl+Shift+A 选择光标位置父标签对儿等，总有一个原因让工程师爱不释手。
（二）Photoshop
Adobe Photoshop，简称“PS”，是由Adobe Systems开发和发行的图像处理软件。功能上，PS分为图像编辑、图像合成、校色调色及功能色效制作部分等。 图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜像、透视等；也可进行复制、去除斑点、修补、修饰图像的残损等，主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑设计工作。PS支持Windows、Android、Mac OS， 但对于Linux操作系统，用户可以通过使用Wine来运行Photoshop。截止2016年1月Adobe PhotoshopCC2015为市场最新版本。
（三）HTML/CSS
HTML为标准通用标记语言下的一个应用超文本标记语言，万维网的核心语言。
CSS又称层叠样式表，用来表现HTML或XML等文件样式的计算机语言，可以实现网页表现与内容分离。该网站运用HTLM5以及CSS3做出了多处动画效果，尤其CSS3动画改变了原来CSS所不能完成的动态效果，且使用方便简单。
（四）Javascript语言
JavaScript也称ECMAScript，是1995年由Netscape公司的Brendan Eich在网景导航者浏览器上首次设计实现而成的一种直译式脚本语言，为浏览器的一部分，广泛用于客户端的脚本语言。本网站上用来给HTML网页增加动态功能。
（五）jQuery库
JQuery是目前最流行的免费开源的轻量级Javascript库 ，兼容CSS3及多种浏览器，在2006年1月由美国人John Resig在纽约的barcamp发布，由Dave Methvin率领团队进行开发。jQuery能更方便地操作文档对象，选择DOM元素，制作动画效果，使用Ajax交互等其他功能，使开发更加便捷。
（六）Swiper组件
Swiper 是一款开源免费的轻量级移动设备触控滑块的js框架，功能强大，多种效果，在移动端和PC端的浏览器有着良好的用户体验。
三、网站的设计
（一）网站模块设计
根据大家对中医的了解，以及大家对中医的需求制定了该网站。网站总体共设计为五大模块：首页、中医常识、保健养生、疾病大全、文献图谱。
网站首页：首页界面呈现的是导航条，及其余四个模块的精选文章推荐，还有关于我们模块。
中医常识；方便用户了解中国传统中医文化。
保健养生：为爱好养生的人提供真实可靠的保健养生知识
疾病大全：根据不同的病症分类，帮助用户通过浏览初步确认病症范围。
文献图谱：收集最全面的中医文献图谱。
（二）网站组织结构设计
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/xxaq/813.html
