现在的面膜产品是越来越多，卡丝面膜就是其中一种，设计该课题主要是为了推广卡丝面膜这个产品，为了这个产品让更多的人了解。本课题的前台页面的效果图主要是以html、jquery、javascript来实现，后台主要是以jsp、mySQL Front、spring、等技术来实现动态页面的设计，前台页面的功能主要是让消费者直观的了解卡丝面膜，进入后台，先是用户注册，再是用户登录，进入到后台，然后再对订单进行管理。
目录
一、引言 1
二、开发技术与开发环境 1
（一）技术介绍 1
1．JSP技术 1
2．锋利的jQery 1
3．Html5 + css3 1
（二）开发环境 1
1．mySQL Front 1
2．spring 2
三、网站总体设计 2
（一）前台设计 2
1．确定网站主题 2
2．排版设计 2
（二）后台设计 3
（三）数据库 3
四、网站具体制作与实现过程 5
（一）前台设计与实现 6
1．导航设计 6
2．LOGO设计 6
3．页面设计 6
（二）．jQuery特效 8
1．搜索框 8
2.大屏广告 9
3.星星评价 10
（三）后台设计 10
1．注册模块 10
2．登录模块 12
五、网站测试： 17
（一）测试项目 17
（二）测试结果 17
六、总结 17
致谢 18
参考文献 18
Abstract
Now the mask products are more and more, Cathy mask is one, designed in the paper is mainly to the promotion of CASS mask this product, for the product let more people understand
 *51今日免费论文网|www.jxszl.com +Q:  3_5_1_9_1_6_0_7_2 
. The foreground page of this topic is mainly based on the HTML, jQuery, JavaScript to achieve, the background is mainly to JSP, Front mySQL, spring, and other technologies to achieve dynamic page design, Allow consumers to intuitively understand Cathy mask is the main function of the front page, enter the background, first registered users, then the user login, to the background, then the order management.
Keywords：Cathy mask, website design, JavaScript
引言
在最早的互联网时代，站点的内容一般都是以静态页面呈现并存放在服务器上，而浏览者访问的页面也都是静态页面，用户从页面上了解一些产品的信息，现在的技术技术，还有通技术都是很畅通的，一些微商也是遍布了一些大中小城市。
卡丝面膜网站它是一个购物型的网站，也可以说是在推广卡丝面膜这个产品，现在人们对护肤产品是越来越关注，而各种护肤产品也是越来越多，各种品牌都有，爱美之心人人都有。
现在市面上的面膜真是各种各样，每一种产品都称自己的产品是绿色产品，其实产品特点也是各有千秋，而本论文是以卡丝面膜为主题，通过网络平台来宣传，为的是提高该产品的知名度。本网站的设计就是面膜中的一个品牌，该网站有产品专区、代理专区、卡动态、卡丝系列等一些全面的信息，让人们能更多的了解与记住并使用卡丝面膜，主要是通过网络展示卡丝面膜，在网页的界面上来展示产品，这就是借助网络平台，让更多的人了解与购买，也就达到了卡丝面膜的推广与宣传。
开发技术与开发环境
技术介绍
JSP技术
JSP是建立一种动态网页技术标准，用来制作动态网页的技术，把它插入到java代码里面，实现了HTML语言中的java扩展，一般都是以<% %>这样的人形式来开始结束人，它用来实现用户界面的部分，是通过一些html、xml和嵌入jsp的操作和命令来编写的。它有很多种功能，可以用来访问数据库，也能用来记录用户的一些信息，在不同的网页中，它可以传递和控制信息，而且，它也能共享信息。
锋利的jQery
本书介绍的是j Qery，jQery里面有各种函数、方法的调用，让读者可以更好的掌握jQery的选择器，DOM操作、事件和动画，插件。书里的章节都是结合实例来来演示，并练习，这样对核心的知识有一个更的掌握。而且为了让理论与实践更好的相互结合，本书把知识点不习惯效果都整合到了一起，这样更方便打造出一个个性网站。
Html5 + css3
Html5 + css3，它们是两项新的Web技术标准，而且也代表了下一代的技术发展，虽然标准的还没有发布，没有被正式的发布，但是，在以后的发展前景也是可以预见的，该软件围绕着一个核心来构建一套强大Web的应用开发平台。对于部分的浏览器，还没有完全支持Html5，而Html5可以在代码中方便地加入兼容自适应的备用解决方案的代码。
开发环境
mySQL Front
Sql front它是数据库的可视化图形的工具，是一个小巧的应用程序，它能提供比php、html更精炼的一个用户界面。它的主要特性是多文档的界面，可编辑、可增加删除的域，可编辑、可插入/删除的记录，可显示的成员，也能执行sql脚本，它提供了一个与外程序的接口，将数据保存到了csv的文件内。
spring
spring它能实现IOC容器和非入侵的框架，它也能提供AOP概念的实现方式，它是一个容器，轻量级的，它对持久层和事物都提供了一些支持，它对一些常用的企业服务API提供了封装，而且是一致性的模型，它也是一个全方位的应用程序框架，它还对现存的各种框架，提供了与他们相整合的方案。

原文链接：http://www.jxszl.com/jsj/xxaq/48834.html