论文总字数：16689字

摘 要

目前，国内宠物饲养发展迅速，但人们对宠物保险的认识很低，宠物保险发展缓慢。我们的宠物保险平台可以加大推广力度，提高公众的宠物保险意识。

宠物保险平台开发主要包括三部分：前端开发、后端开发和交互设计。

页面设置是前端开发的主体部分，开发时使用的关键技术是HTML、CSS、JavaScript以及前端框架Bootstrap。首先HTML用于制作页面的基础结构。而CSS用于对已经初始完成的页面进行美化，通过将CSS写入单独的文件，并引入到HTML文档中，实现内容和样式的分离。JavaScript实现了网页内容的动态变化。Bootstrap框架是简洁灵活的前端开发框架，它使前端开发更加便捷。通过使用这些技术，以提高用户体验为目的，实现了较为完善美观的页面设置。

该平台使用的后台框架是SSM框架，SSM框架是常被用于web项目的框架，它符合标准的MVC模式，而MVC模式是使用Model-View-Controller（模型-视图-控制器）设计创建 Web 应用程序的模式。因为MVC模式将视图层和数据层进行了分离，所以需要使用交互设计来连接前端与后端。在该平台中，用户在页面的操作是前端发送的请求，用户获得的结果是后端根据前端的请求进行相应的数据处理然后给出不同的响应。

关键词：页面设置 HTML JavaScript 后台框架 交互设计

Background Framework and Page Settings of pet insurance platform based on SSM framework

Abstract

The pet keeping in China is currently developing rapidly, but people's understanding of pet insurance is insufficient, so pet insurance develops very slowly. Therefore, our pet insurance platform is developed to intensify the promotion and raise the public's awareness of pet insurance.

The development of the pet insurance platform mainly includes three parts: front-end development, back-end development and interaction design.

The page setting is the main part of front-end development, and the key technologies used during development are HTML, CSS, JavaScript and the front-end framework of Bootstrap. HTML is firstly used to create the infrastructure of the page, while CSS is used to beautify an already completed page, and to separate content from style by writing CSS to a separate file and introducing it into an HTML document. The JavaScript enables dynamic changes in web content. The front-end framework of Bootstrap is a simple and flexible front-end development framework. It makes code more standardized. By using these technologies, it aims to improve the user experience and achieve a more perfect and beautiful page Settings.

The background framework used for this platform is SSM framework, which is commonly used for web projects and follows the standard MVC pattern, which is for creating the web applications by using Model-View-Controller design. Because the MVC pattern separates the view layer from the data layer, the interaction design is required to connect the front end and the back end. In this platform, the user's operation on the page is to send request from the front end, and the result obtained by the user is that the back end gives different responses after corresponding data get processed based on the request from the front end.

Key Words: Page Settings; HTML; JavaScript; Back-end framework; Interaction Design

目录

摘 要 Ⅰ

Abstract Ⅱ

第一章 绪论 1

1.1 研究背景 1

1.2 论文组织结构 1

第二章 开发技术与后台框架 2

2.1 HTML和CSS 2

2.2 JavaScript 2

2.3 jQuery和AJAX技术 2

2.4 前端框架Bootstrap 3

2.5 后台框架 3

第三章 需求分析与详细设计 4

3.1功能需求 4

3.2详细功能设计 4

3.2.1 用户和会员模块 4

3.2.2 商品和订单模块 5

3.2.3 通讯模块 5

第四章主要功能实现 6

4.1 注册页面 6

4.2 个人中心页面 7

4.3 保险详情页面模态框 9

4.4 保险详情页面 12

4.5社交页面 15

第五章 系统测试与分析 18

5.1 Elements的使用 18

5.2 Console的使用 19

5.3 Sources的使用 20

5.4 Network的使用 21

第六章 总结与展望 22

6.1 论文总结 22

6.2 未来展望 22

致谢 23

参考文献 24

第一章 绪论

1.1 研究背景

在我国，随着经济的快速发展，人们的生活条件不断提高[1]，宠物数量也不断增长。虽然宠物饲养发展十分迅速，但宠物保险的发展非常缓慢，人们对宠物保险的认识很低[2]。现在，宠物保险已经被越来越多的人们所知道，但是提供宠物保险的公司还是不多，宠物保险平台更是少之又少，因此人们给宠物购买保险的意识很低。

目前，国外一些发达国家的宠物保险发展完善，它们的宠物保险种类多，操作简单，业务成熟[3]。而国内的宠物保险不仅很少，而且业务不成熟，无法为宠物主人提供完善的宠物保险，这样宠物保险就不能被大多数宠物主人所了解[4]。宠物保险平台不仅加大了宠物保险的宣传力度，而且加快了宠物保险的发展速度。

1.2 论文组织结构

第一章：绪论。从宠物保险平台的研究背景和意义着手，描述了宠物保险平台的必要性，以及论文的组织结构。

请支付后下载全文，论文总字数：16689字