微信小程序简介
微信小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用，体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题，应用将无处不在，随时可用，但又无须安装卸载。简单和低频的应用适合利用微信小程序来开发。比如外卖应用“饿了么”，其本身的业务逻辑并不复杂，挑选想吃的菜肴，下单、付款。各类O2O家政服务、打车类应用、天气预报类应用，都符合“简单”这个特性。比如手机话费充值就是使用低频的服务，故也非常适合用小程序来开发。在线购买电影票应用“猫眼”，就是为用户提供在线购买电影票的服务，整个服务的时间是短暂的，“买完即走”。相比传统的移动应用APP开发方式，微信小程序具有诸多特点，如表1所示。由于微信海量的用户流量入口，尽管微信小程序在技术上并没有多大创新，但的确具有巨大的商业价值；因此微信小程序一经推出，马上就得到了业界极大的关注，招聘网站上与微信小程序开发相关的招聘职位出现了快速增长。每一个从事web开发的人都应该了解小程序的开发方法，这在未来求职中必然会是一项加分项；为此在人才培养过程中也要适应这一新需求的变化。
课程设计
课程目标设定本校的计算机信息管理专业培养目标之一就是要求学生掌握移动应用开发相关知识，具备移动应用开发能力；为此开设了包括网页开发与制作、网站建设技术、web前端设计、移动互联网应用设计等课程。考虑到市场对微信小程序开发能力的新需求，又新开设了微信小程序开发课程。微信小程序课程的教学目标是让学生能够搭建微信小程序开发环境并熟练使用其开发工具，掌握小程序的基本文件结构，能够根据实际开发需要利用微信小程序丰富的API完成相应页面的设计和业务逻辑代码的编写，了解微信小程序函数的生命周期及动态数据绑定机制，并且能够利用数据缓存实现访问控制，掌握微信小程序模板化及模块化的基本方法，从而提高微信小程序的开发效率。通过学习使学生对于微信小程序的开发流程和方法有深入的了解，从而具备独立开发相应的微信小程序应用的基本职业能力。
课程内容选择在课程开发过程中，在内容选择上以微信小程序范例项目开发为载体。该范例项目包括文章和电影两个部分，其中文章功能部分让学生掌握静态和动态页面的设计方法，同时了解在开发过程中如何利用模板化和模块化简化开发过程，提高开发效率。而在电影功能模块中进一步强化了模板化的程序开发方法，同时也让学生了解前后端开发的衔接方式，如何通过微信小程序的网络访问API进行数据的动态处理。该项目的主要内容及要求如表2所示。
考核方法改革微信小程序开发课程是以项目为载体，要求学生边学边做完成该仿真项目；因此考核方式也应该采用多元评价考核体系，课程成绩由形成性考核成绩和终结性考核成绩共同组成。考核突出实践性，加大项目作品考核分数的比例，将项目作品考核占比提高到总分的70%，用分数杠杆来调节学生对项目作品的重视度与参与度。另外，我们在具体教学过程中，还要求学生对作品实施过程予以全过程录屏，其中全过程录屏占比20%，从而确保每位学生能够独立完成该项目，提高其项目分析的能力。学生的平时表现占10%，该部分主要包括上课参与教学互动、协助教师辅助教学等情况，如回答问题、参与讨论等。
教学实施建议由于微信小程序相关的网络视频及案例教程非常丰富，除了积极构建课程自身微课视频及案例库资源外，还要积极利用网络资源来帮助学生自主学习。同时，由于项目实施过程中还会遇到很多问题，教学团队应该建立网络化学习和辅导平台，能够对学生的问题进行网上答疑与辅导。在教学过程中要以应用为目的，以必需够用为度，以讲清概念强化应用为重点，把知识和技能教给学生。同时尽可能结合学校信息化建设以及学生身边的一些小项目、小应用开展实战化演练，从而提高学生的实战能力。

在学术交流方面，我们会在第一时间在网站近期的学术讲座信息，另外，在交流板块，学生可以与权威教师、优秀毕业生进行快捷的交流沟通，本网站的建成将大大活跃学生的学术氛围和创新积极性。网站定位为集生命科学各学科相关学习资料、实验室相关信息及学习资料以及沟通交流平台为一体，以学长及学者的知识背景为人文文化，以创建更多有益项目来更好的激发学生创新性为发展方向。
由于同时面对以上三类对象，本网站就必须在满足第一对象的基础上尽量增添吸引二三类对象的信息，例如网站帮助及适时的交流模块，以及更为广阔的信息服务。
网站设计构想与规划
网站设计的第一步是对整个网站进行规划，将网站划分为前台与后台两个部分:前台主要提供网站的主体功能内容，包括实验教学、实验队伍、管理体制、设备与环境、特色项目、中心介绍、学生创新、教学资源、留言板等内容;后台设计内容包括针对前台各项内容的管理，信息的，以及对留言板信息的反馈等内容。整个网站的设计，主要分四个阶段进行:(1)网站页面设计。主要包括前期收集资料，设计效果图并建立基本框架和后期对框架进行美化、动画制作等。(2)建立后台数据库。(3)编写脚本语言，连接网页与后台数据库。(4)网站测试。
网站主体功能
网站为浏览者提供了一个互动的交流平台，为浏览者提供了了解西安交通大学生命科学实验教学中心的渠道，在这里能够了解到相关的学术及实验室的信息;本校师生也可以通过网站管理员把通告、新闻及教学资料到网站上，及时更新网站的信息。因此，本网站按照前台针对具有用户权限的访问者，后台针对各级管理员的功能设计。前台功能:①浏览生命科学实验教学中心概况;②了解专业相关发展资讯;③从校园网获取各类教学资源;④登录发文系统，上传/下载教学课件、作业;⑤查询教学计划，获取沟通方式;⑥浏览学生创新实验项目和相关成果;⑦留言板进行留言。后台功能:①管理员后台添加、删除实验教学、实验队伍、管理体制、设备与环境、特色项目、中心介绍、学生创新、教学资源等相关内容;②从后台信息，更新实验室开放公告;③添加/删除下级管理员，维护个人信息、密码管理;④收取作业、实验报告，添加教学课件;⑤添加/修改/列表教学文件等教学资源;⑥管理校内校外友情链接资源;⑦管理定制部分一级/二级导航菜单;⑧留言管理与回复。
网站建设内容
用户访问站点是为了读取其中的内容，因此，内容是至关重要的，内容是设计存在的基础。网站设计主要是对网站前台页面进行制作，为了更好地表达网站主题，需要对网站的“美”和“功能”同时兼顾。实验教学中心的网站是在原有基础上进行改进提高，使其适应陕西省示范中心的要求。因此，针对现有网站存在的如页面简单，缺少特色，配色不尽人意，内容单一，不利于浏览者形成记忆与多次光顾等问题，设计工作首先在视觉上着手加强网站特色，给人以友好独特的视觉感受，网页页面风格追求简单明快、结构清晰、内容饱满，文化气息强烈，在页面色调上尽量选择高纯度，减少对比色，增加同类邻近色，依此原则对页面图文搭配、颜色配比、导航样式、网站标志、文字排版等内容进行了再设计和改进。对网站具体内容的设计需要做出框架设计，逐渐补充与完善，主要设计工作包括:(1)实验指导。详细列表实验室的各项设备(图文)和所在实验室地点，以及使用手册、实验指导书。(2)创新实验。提供学生申请自主实验平台，鼓励预约实验仪器。(3)人才交流。提供往届毕业生去向及发展信息(就职或研究项目概况)，为往届毕业生与在校学生交流提供桥梁，帮助在校学生规划今后人生目标。(4)网络课程。供学生参与网络自我学习的平台，包含课程课件，上课时间及地点，网络化课程内容等。(5)答疑解惑。提供师生答疑解惑的平台和教师联系方式。(6)学术发展。提供生命科学领域最新学术论文，期刊等信息，为学生提供相关学科最新研究成果和发展状况。(7)联系我们。目的在于方便校外人士与中心取得联系，设立实时地图链接。(8)拓展链接。将链接国内外相关专业知名网站。(9)在线帮助。对浏览网站提供文字帮助。(10)企业交流。提供实践教学信息和专业相关企业信息，为学生企业实习以及应聘岗位提供帮助。
测试报告
一般来说，网站测试需要进行的就是网站页面的完整程度，网站编程代码的繁简程度和完整性，网站空间的链接速度和网站空间的加压测试承受度进行测试，测试网站并对测试结果进行分析，是为纠正软件的缺陷提供依据，也是对软件性能的一个总体分析、认可和对不足之处的说明。因此，测试分析报告对于今后软件功能的加强，不足之处的弥补等都起着十分重要的作用。网页建设主要使用dreamweaver编程语言实现，网站的设计和编程完成后，要对网站进行测试和上传。首先将网站上传到网站空间，然后对网站进行测试，同时也是对网站空间进行测试。

作为我国特色鲜明的著名大学“根植红土，情系有色，坚忍不拔，赤诚报国”的校训，其在网页色彩应用方面注重色相的对比，采用了红土
高原特有的地域颜色。学校主页，“校园新闻”、“通知公告”采用了简单白底黑字搭配，形成了鲜明的对比，让浏览者过目难忘。
综合性大学的代表———网站的网页横幅部分是的标志性建筑会泽楼，这座有近百年历史的法式建筑，很明显的把历史底蕴表现出来，处处彰显着
“至公天下，会泽百家”的校训。而云大其他几个著名景点“金色银杏”、“东陆云大”、“海棠映月”等在不同网页中的应用也给浏览者留下很
深刻的印象。如图3所示，主页横幅颜色与云大景点、建筑物的颜色相互映衬，其中“金色银杏”页面采用了秋天银杏道上飘落的黄色银杏叶，超
链接的颜色也设置为金黄色的邻近色，使整个页面混为一体，具有很强的渲染力。“岁月永恒”页面根据的历史上“护国运动”、“一二•一运动
”等的光荣的红色岁月，采用了象征革命，严肃认真的红色。
作为艺术人才的摇篮，在其网站主页设计中大胆采用了五种颜色以上搭配，这些颜色大多是各少数民族的识别颜色，色彩虽多却显得有序，多而不
乱，杂而不揉。结合了少数民族地区多民族、多特色、多样式的特点，既延续了本土特色，又透露着现代的艺术气息，从以上几个高校网站中网页
色彩的应用来看，各校由于专业特点、地理位置、学校性质的不同，其校园网站色彩的应用各不相同，但均通过色彩的合理应用充分体现了学校的
办学特色、地域特色或者学科特色。
校园网站中网页色彩应用原则
色彩是网页设计的关键因素，如何把握色彩的合理应用，提高网页设计效果，是校园网站成功设计与开发的重要环节。
应善于把握网页色彩的心理暗示
网页色彩能够给浏览者带来极大的心理暗示，众所周知，色彩具有象征性、职业标志性、民族性等，色彩的民族性在多民族聚集的更是得到了充分
的体现，各个民族由于环境、文化、传统等因素的影响，对于色彩的喜好也存在着较大的差异，例如佤族的红黑色、白族的红白色等。另外，色彩
还具有鲜明的地域性，所处环境的土地、天空、树木也会影响着人们的颜色喜好，例如红土高原的红色，雪山的白色等。在网页设计中充分运用色
彩的这些特性，可以增强网页的吸引力，使我们的校园网站具有更加深刻的艺术内涵，进而提升校园网的文化品位、提升用户浏览体验效果。
网页设计应充分体现大学文化据统计
在我国教育部备案的各类高校有三千多所，其中“985”、“211”全国重点高校也就一百多所，如何让人在众多的高校中通过对学校网站各网页的
浏览能够轻易的记住学校信息或者是吸引人们对学校的兴趣，大学文化在网页设计中的体现是很重要的一个因素。设计者要善于利用、挖掘、发现
本校的历史文化资源，包括历史事件、历史名人、历史建筑等，让网页浏览者无形中能感受大学文化的熏陶，加强对学校的关注度。
应有色彩鲜明的网站导航
设计网站导航在网站设计中占据着非常重要角色，特别是信息比较多的大型网站，显得更为重要。色彩鲜明的网站导航不但能够给浏览者带来愉悦
的心情，而且能让浏览者方便快速找到感兴趣的栏目，节省查阅时间，清晰地说明网站结构。网站导航色彩主要与超链接文字颜色、超链接文字背
景颜色有关，这两个元素都应该清晰无误地向读者标识出来。所有导航性质的设置，像图像按钮，都要有清晰的标识链接文本的颜色，最好使用与
网站主题颜色形成鲜明对比或为补色的颜色。比如鼠标点击文字和文字背景的四个状态：点击前（link）、移上去（hove）r、点击时（active）
、点击后都要规范使用颜色，要让浏览者看得清楚，用着顺畅。
应巧妙运用色彩和图片的关系
假设网站主题颜色为蓝色，但在网站建设过程中反而加入了一些红色、绿色、黄色的照片的话，整个网站会显得杂乱无章，没有头绪，给浏览者带
来不好的体验，无形中影响了本来内容很丰富的网站。所以，统一网页与图片的颜色，使其色系一致或是视觉效果一致，将会使网页看起来更为美
观且有自己的风格。
保持实用性和艺术性的统一
网页设计既是一门技术活动，也是一门艺术活动，只有按照内容决定形式的原则，大胆进行艺术创新，才能设计出既符合网站主题，又有一定艺术
特色、风格独特、个性鲜明的网页。

根据色彩心理应用色彩
自然界的“物物象象”、“形形色色”无一不是以色彩、形状和空间来表现。生活经验告诉我们，色彩是最直接、最活跃的因素，它直接作用于人的视觉器官。各种浅色色彩都被称为轻感色，其中，白色最轻。一般情况下明度高的色彩和色相暖的色彩属于轻感色，给人带来轻松、明快的感觉。各种深色色彩都被称为重感色，其中，黑色最重。一般情况下明度低的暗色和色相冷的色彩属于重感色，重色中的某些颜色运用的好，可以给人带来高贵、祥和的感觉。轻重感不明显的色彩有红色、绿色等。不同的色彩具有不同的心理的影响，对网站设计的视觉效果是不一样的，通过色彩设计可以刺激访问者的感情，使网站设计容易被接受和喜爱。
根据受众群体优化色彩
农业网站的访问人群多数是２５～４０岁的农民、农村教师或乡镇政府工作人员，针对该人群网站可以定期对色彩进行调整更新，满足他们尝新的心理色彩刺激效果，不至于使他们产生视觉厌倦。同时，适当加强网页局部对比，增强色彩对比的活跃度，会给人以生动、活泼的感觉，适合青年人的审美需求。此外，这部分人群需求各不相同，有寻找信息的、有寻找合作的、有推销产品的、有学习知识的等等，根据不同的人群需求，可以采取多种色彩搭配。
根据网站类型应用色彩
根据网站类型的不同，可以通过色彩的优化使访问者易于分辨不同类型的农业网站。如花卉农业网站应该给人们带来非常艳丽大方的页面视觉效果，该类型的网站作者认为需以红白黄为主要色调，整个网站设计的倾向就象是一幅美丽的山水长卷，让访问者从色彩中感受到花的芳香、花的气息。但是现在的花卉网站的色彩设计效果不敢恭维，整个网站除了大面积的灰色就是普蓝色为主，网站色彩在排列和分部上设计感不强，横向和纵向色彩排列缺乏美感，分布不和谐，不能突出花卉网站的特色。
根据地域选择色彩
“通过色彩的象征性特征，一定的地域对某种色彩由联想而产生的共识性认识，并将其共识性普遍化后所形成的表达特定事物的形式”。因此可以利用色彩的象征性特征进行网站色彩的地域区分。农业网站千篇一律地以绿色调或蓝绿色调作为主要色彩，很难让浏览者区分网站和记住网站，需要分不同地域优化网页色彩，可以通过色彩差异性来区分每个地域的农业网站色彩。如北京农业网站可以以地域特色来划分它的象征性色彩，北京是我国具有悠久历史都城，这个城市最具代表特色的色彩是红黄二色，如果北京农业网站用红色和金黄色作为主题，可以提高地方特色，增强北京历史文化氛围，有利于发展网站特色，同时也能宣传发扬当地的传统文化。又如矿泉水包装大部分是绿色的，但是农夫上泉矿泉水采用红色，形成与众不同的视觉效果加深人们记忆，在众多商场陈列中农夫山泉的矿泉水就像一枝独秀，非常明显，易于记住，最终达到促使消费者购买得目的。因此农业网站页面色彩设计，不一定都需偏绿、蓝色调，可以适当通过地域文化特色和色彩偏好进行调整，从而真正到达建网的目的。
根据季节选择色彩
人们的心理对于色彩是具有温度变化的，春夏秋冬在人们心中都具有不一样的色彩。如何将部分具有季节特色的农业网站，按照季节色彩设计网站视觉效果，又将会别有一番风趣，使浏览者浏览时感受到新鲜、心情愉悦。

系统设置模块。对系统的的基本设置进行设置。例如网站版权信息、网站备案号、网站的域名、网站管理员信息等等。2)栏目管理模块。对网站的栏目进行设置管理。主要包括添加栏目、删除栏目、查看栏目基本信息、修改栏目信息（例如栏目分组、栏目的类型、栏目模版、是否在菜单显示、栏目的状态等等）、添加栏目分组、删除栏目分组等等。3)网站公告模块。超级管理员可以对网站的固定公告、弹窗公告等进行管理。主要包括添加删除弹出公告，修改公告内容等功能。4)投票模块。用户可以添加网站调查，启动网站投票。包括添加调查主题、添加删除调查选项、设置选项的票数、设置投票多选还是单选、设置投票状态等等。5)访问者安全管理模块。网站管理员可以添加、修改、删除访问IP地址段，用于屏蔽、授权访问的IP地址的功能。6)专题管理模块。网站管理员可以添加、修改、删除网站的专题，并绑定专题所属栏目等等功能。7)内容管理模块。有权限的管理员可以管理网站的内容，例如添加文章、删除文章、修改文章、审核文章、修改文章作者来源等信息。
前台功能需求
前台主要向最终用户显示信息，将信息显示到最终用户的浏览器。前台包括8个主要的功能需求模块：1)模版管理模块。建站人员可以在不修改系统源代码的情况下修改网站的模版、风格以及前台界面。2)内容展示模块。系统根据建站人员设置的模版以及栏目设置等向最终用户展示文章新闻等内容。3)访问控制模块。对系统的栏目文章等页面进行访问控制，不在允许列表中的IP不能访问。4)访问记录模块。记录每一个IP访问某一篇文章的次数，按照一定次序进行排序。5)模块。超级管理员创建的用户拥有权限向可以的栏目，用户可以选择的栏目，引用栏目，文章标题、内容等信息。6)友情链接模块。管理员可以添加有钱链接，使用标签可以在首页以及其他页面显示文字或者图片形式的友情链接。7)日志模块。记录系统的操作日志，以及访问异常等日志信息。8)搜索模块。用户可以使用搜索功能搜索到本系统中的信息。
系统设计
系统总体设计
总体架构本系统作为一种通用型的软件系统，其架构必须适应用户需求的不断变化，而且应该层次清晰，各模块应该独立不互相依赖，方便二次开发。数据访问层、逻辑层、界面层完全独立。2)设计思想本系统采用了多层结构的设计思想，即网站架构常用的三层架构模式，使界面层，逻辑层，数据访问层全部独立，当某一层代码需要改变时，不会影响到其他层。如新建一个站点时，只需要添加栏目以及更改界面，设置网站基本信息，就可以快速搭建一个WEB站点，这样使系统具有很好的灵活性和扩展性。
系统的主要类设计
系统充分的利用了面向对象语言多态的特性，对系统中的主要功能函数都采用接口的方式进行了封装，数据库访问层使用了单独的动态链接库进行封装，使系统二次开发或者更新时，减少人力和物力资源的浪费。
系统实现
系统核心模块实现
针对网站系统最常用类，分别设计并实现了相应的核心接口函数。主要包括数据库操作函数、读取配置文件函数、文件操作函数、加解密函数、网站即时信息操作函数等等。
缓存类的实现
系统广泛使用了缓存的方式保存了网站访问比较频繁的数据，减小了数据库服务器的压力，使页面加载速度更快，分别实现了基本缓存类（BasicCache.cs）、栏目缓存类（CategoryCache.cs）、IP缓存类（IpFilterCache.cs），角色缓存类（RoleCache.cs）。
动态模版实现
内容管理系统中最核心以及最复杂的就是动态模版的实现，本系统采用asp.net的一个模版库NVelocity实现了动态模版。NVelocity是开源包Velocity重写的.NET版本，代码简单易懂，标签可读性很高。

可行性分析
(1)技术可行性:编程环境方面,开发计算机中已经安装了VS2008和SQL2005,提供了可靠的开发环境支持。编程人员方面,已经熟练掌握开发环境的操作方法和C#语言,故技术方面可行。
(2)经济可行性:本网站系统的开发,不需要大量经费,并且由个人独立设计和实施。从成本效益角度分析,开发的成本远小于获利,故可行。
(3)操作可行性:在科技发展如此迅速的今天,计算机早已普及至方方面面。而本系统前台网页直接面向博主和普通用户,操作简单;用户只需鼠标键盘操作即可完成查看或输入信息,不需要经过复杂培训就可以掌握系统的操作流程。由此可知,在操作上也是可行的。
功能需求
关键模块功能需求如下:用户管理模块:注册、普通登录、管理员登录、修改资料。日志管理模块:添加新日志、删除日志。相册管理模块:添加新相册、上传相片、删除相片。留言板管理模块:发表留言、删除留言、回复留言。
系统概要设计
概述
是一个适用于Internet环境下的模型结构。只要用户能连上Internet,便可以在任何时间、任何地点使用。
系统结构
本系统是基于B/S构架的网站系统,分为用户前台和管理员后台两个大模块。前台部分主要功能:查看日志、浏览相册、留言、用户登录、博主信息管理。后台部分主要功能:管理日志、管理相册、管理留言、管理账号。
数据库设计
数据库概念模型设计可通过E-R图来描述现实世界的概念模型。本系统的E-R图表现了系统中各个实体之间的联系。此系统需要后台数据库,下面是数据库中的几个表的详细信息。(Pic)相册内容信息表如表1所示。(Article)日志信息表。
系统详细设计
本网站系统设计了一个供用户交流的留言板,用户可以通过留言板给博主提意见。博主可以通过后台管理查看这些信息。