如何使用ssm实现家政服务网站设计

@TOC

ssm024家政服务网站设计+jsp

系统概述

1.1 概述

　随着社会的快速发展，计算机的影响是全面且深入的。人们的生活水平不断提高，日常生活中家政服务方面的要求也在不断提高，需要家政服务的人数更是不断增加，使得家政服务网站的开发成为必需而且紧迫的事情。家政服务网站主要是借助计算机，通过对家政服务网站所需的信息管理，增加用户选择，同时也方便对广大用户信息的及时查询、修改以及对用户信息的及时了解。家政服务网站对用户带来了更多的便利, 该系统通过和数据库管理系统软件协作来满足用户的需求。

1.2课题意义

随着全球信息化的发展，人们的生活节奏越来越快，对信息的时效性越来越重视。以传统的宣传方式为载体的传统媒介早已不能满足用户对获取信息的方式、便捷性的需求。所以家政服务网站渐渐成为用户关注的焦点。首先，家政服务网站，网上获取信息的实时性、便捷性要远远高于传统媒介。系统一经上线，无论用户在世界的哪个角落，只要能够连接互联网，就能在第一时间获得想要的信息。

以往的家政服务网站相关信息管理，都是工作人员手工统计。这种方式不但时效性低，而且需要查找和变更的时候很不方便。随着科学的进步，技术的成熟，计算机信息化也日新月异的发展，社会也已经深刻的认识，计算机功能非常的强大，计算机已经进入了人类社会发展的各个领域，并且发挥着十分重要的作用。

计算机技术在现代管理中的应用，使计算机成为用户应用现代技术的重要工具。能够有效的解决获取信息便捷化、全面化的问题，提高效率。

1.3 主要内容

家政服务网站从功能、数据流程、可行性、运行环境等方面进行需求分析。对家政服务网站的数据库、功能进行了详细设计。分析了主要界面设计和相关组件设计，对家政服务网站的具体实现进行了介绍，从而达到对家政服务网站的管理。

详细内容介绍，将在以下六章中详细阐述：

第一章、绪论，介绍了研究课题选择的背景及意义、研究现状，简要介绍了本文的章节内容。

第二章、引入技术知识，通过引入关键技术进行开发，向系统中涉及直观表达的技术知识。

第三章、重点分析了系统的分析，从系统强大的供需市场出发，对系统开发的可行性，系统流程以及系统性能和功能进行了探讨。

第四章、介绍了系统的详细设计方案，包括系统结构设计和数据库设计。

第五章、系统设计的实现，通过对系统功能设计的详细说明，论证了系统的结构。

第六章、系统的整体测试，评判系统是否可以上线运行。

采用jsp技术，从数据库中获取数据、向数据库中写入数据，实现系统直接对数据库进行各种操作，在网页中加入动态内容，从而实现家政服务网站所需要的各种基本功能。

2 系统开发环境

2.1 JSP技术介绍

JSP技术本身是一种脚本语言，但它的功能是十分强大的，因为它可以使用所有的JAVA类。当它与JavaBeans 类进行结合时，它可以使显示逻辑和内容分开，这就极大的方便了用户的需求。JavaBeans 可以对JSP技术的程序进行扩展，从而形成新的应用程序，而且JavaBeans的代码可以重复使用，所以就便于对程序进行维护。JavaBean 组件有内部的接口，可以帮助不同的人对系统进行访问。1999年，Sun微系统公司正式推出了JSP技术，这是一种动态技术，是基于整个JAVA体系和JavaServlet提出的，是具有普遍适用性的WEB技术，也是本系统设计的核心技术之一。JSP技术能够极大的提高WEB网页的运行速度。这些内容会与脚本结合，并且由JavaBean和Servlet组件封装。所有的脚本均在服务器端运行，JSP引擎会针对客户端所 提交的申请进行解释，然后生成脚本程序和JSP标识，然后通过HTML/XML页面将结果反馈给浏览器。因此，开发人员亲自设计最终页面的格式和HTML/XML标识时，完全可以使用JSP技术。

所以结合家政服务网站的需求及功能模块的实现，使用JSP技术是最合适的，而且JSP的拓展性比较好，对于系统在后期使用过程中可以不断对系统功能进行拓展，是系统更完成，更方便的满足用户需求。

2.2 JAVA简介

Java主要采用CORBA技术和安全模型，可以在互联网应用的数据保护。它还提供了对EJB（Enterprise JavaBeans）的全面支持，java servlet API，JSP（java server pages），和XML技术。Java是一种计算机编程语言，具有封装、继承和多态性三个主要特性，广泛应用于企业Web应用程序开发和移动应用程序开发。Java语言和一般编译器以及直译的区别在于，Java首先将源代码转换为字节码，然后将其转换为JVM的可执行文件，JVM可以在各种不同的JVM上运行。因此，实现了它的跨平台特性。虽然这使得Java在早期非常缓慢，但是随着Java的开发，它已经得到了改进。

2.3访问数据库实现方法

（1）首先介绍一下web数据库搜索网络上的基本步骤：

第一步：检查消费者的数据，

第二步：你必须建立与数据库的连接;

第三步：搜索数据库;

第四步：数据的结构;

第五步：该用户 的结果被示出。

（2）系统，直到我MYSQL5.0 PHP集成开发环境，如使用WAMP服务器处于开机状态，并且更容易访问数据库的报告开发环境：

一个连接到MySQL数据库服务器Mysql_connect-;

语法：资源的mysql_connect（主机，用户 名，密码）;

请选择数据库：mysql_select_db（数据库链接标识的名称）;

关闭数据库：则mysql_close（）;

2.4系统对MySQL数据库的两种连接方式

活动的MySQL/ MySQL库，或使用ODBC接口，MySQL数据库是一个双向链接。永久及非永久连接。

（1）永久连接：一个更永久的连接请求的最大优点是可以非常有效的客户站在密切的联系，当连接到MySQL服务器，就更好了。在起草该页面每一个孩子在这个过程中，而不是仅仅在任何时候，只有在到MySQL服务器请求连接的生命周期，一旦连接。此子过程是建立到服务器的单独连接可以是永久性的。

（2）非永久连接：他是短路。提交顺路到Web服务器，服务器处理请求并请求的页面，你要发送的浏览器客户端，然后连接断开。对于大多数网站，它经常通过有效高效率有关，但在大多数情况下，所使用的连接，但它是一个完整的时间，以避免出现任何问题，并可以增加的容量服务器承载。

2.5 MySql数据库

Mysql的语言是非结构化的，用户 可以在数据上进行工作。因为Mysql的语言和结构比较简单，但是功能和存储信息量很强大，其速度、可靠性和适应性而备受关注并得到了普遍的应用。Mysql数据库在编程过程中的作用是很广泛的，为用户 进行数据查询带来了方便。Mysql数据库的应用特点：灵活性强，功能强大，语言相对要简洁很多。

数据流程分析主要就是数据存储的储藏室，它是在计算机上进行的，而不是现实中的储藏室。数据库管理主要是数据存储、修改和增加以及数据表的建立。数据表的建立，可以对数据表中的数据进行调整，数据的重新组合及重新构造，保证数据的安全性。介于数据库的功能强大等特点，本系统的开发主要应用了Mysql进行对数据的管理。

3 需求分析

3.1技术可行性：技术背景     

家政服务网站是在Windows操作系统中进行开发运用的，而且目前PC机的各项性能已经可以胜任普通网站的web服务器。系统开发所使用的技术也都是自身所具有的，也是当下广泛应用的技术之一。

系统的开发环境和配置都是可以自行安装的，系统使用Java开发工具，使用比较成熟的Mysql数据库进行对系统前台及后台的数据交互，根据技术语言对数据库，结合需求进行修改维护，可以使得网站运行更具有稳定性和安全性，从而完成实现网站的开发。

（1）硬件可行性分析

系统管理及信息分析的设计对于所使用的计算机没有什么硬性的要求，计算机只要可以正常的使用进行代码的编写及页面设计就可行，主要是对于服务器有些要求，对于平台搭建完成要上传的服务器是有一定的要求的，服务器必须选择安全性比较高的，然后就是在打开网站必须顺畅，不能停顿太长时间；性价比高；安全性高。

（2）软件可行性分析

开发整个系统使用的是云计算，流量的可扩展性和基于流量的智能调整云计算的优点就是流量的可扩展性和基于流量的智能调整，保障了数据信息能够得到及时的备份，整个系统可以安全有效的运行。

因此，我们从两个方面进行了可行性研究，可以看出系统的开发没有问题。

3.2经济可行性

在家政服务网站开发之前所做的市场调研及与其相关的其他管理系统，都是没有任何费用的。所有的调查研究都是通过开发者自己的努力，所有的工作也都是自己亲力亲为的。在碰到自己比较难以解决的问题时，大多数是通过指导老师和同学的帮助进行相关问题的解决。所以对于家政服务网站的开发在经济上是完全可行的，没有任何费用支出的。

使用比较成熟的技术，系统是基于Java的开发，采用Mysql数据库。所以系统在开发人力、财力方面的要求不高，具有经济可行性。

3.3操作可行性： 

可操作性主要是对在家政服务网站设计完成后，用户的使用体验度，以及管理员可以通过系统随时管理相关的数据信息，并且对于管理员、用户二个角色，都可以简单明了的进入到自己的系统界面，通过界面可以简单明了地操作功能模块，方便用户信息的操作需求和管理员管理数据信息。对于系统的操作，不需要专业人员都可以直接进行功能模块的操作管理，所以家政服务网站的可操作性是完全可以的。本系统的操作使用的也是界面窗口进行登录，所以操作人员只要会简单的电脑操作就完全可以的。

3.4系统设计规则

本家政服务网站采用Java技术，Mysql数据库开发，充分保证了系统稳定性、完整性。

家政服务网站的设计与实现的设计思想如下：

1. 操作简单方便、系统界面安全良好：简单明了的页面布局，方便查询管理的相关信息。

2、即时可见：对家政服务网站信息的处理将立马在对应地点可以查询到，从而实现“即时发布、即时见效”的系统功能。

3、功能的完善性：管理员；个人中心、用户管理、服务类型管理、家政类型管理、家政评价管理、家政资讯管理、家政服务管理、家政预约管理、系统管理，用户；个人中心、家政评价管理、家政预约管理、前台首页；首页、家政资讯、家政服务、我的、跳转到后台模块的修改和维护操作。

3.5系统流程和逻辑

系统业务流程图，如图所示：

图3-1登录流程图

图3-2添加信息流程图

图3-3注册信息流程图

4系统概要设计

4.1 概述

家政服务网站基于Web服务模式，是一个适用于Internet环境下的模型结构。只要用户能连上Internet,便可以在不受时间、地点的限制来使用这个系统。家政服务网站工作原理图，如图4-1所示：

图4-1 系统工作原理图

4.2 系统结构

本系统架构网站系统，本系统的具体功能如下：

家政服务网站登陆界面

用户登录

密码正确

管理员界面

用户界面

图4-2系统功能结构图

管理员功能结构图，如图4-3所示：

图4-3 管理员功能结构图

前台首页功能结构图，如图4-4所示：

图4-4 前台首页功能结构图

用户功能结构图，如图4-5所示：

图4-5用户功能结构图

4.3. 数据库设计

4.3.1 数据库实体

用户信息结构图，如图4-6所示：

图4-6 用户信息实体结构图

家政评价信息实体属性图，如图4-7所示：

图4-7家政评价信息实体属性图

家政资讯管理实体属性图如图4-8所示。

图4-8家政资讯管理实体属性图

家政服务管理实体属性图如图4-9所示。

图4-9家政服务管理实体属性图

4.3.2 数据库设计表

4.4 数据表

将数据库概念设计的E-R图转换为关系数据库。在关系数据库中，数据关系由数据表组成，但是表的结构表现在表的字段上。

表名：jiazhengfuwu

功能：家政服务

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
jiazhengxingming	varchar	100	家政姓名
xingbie	varchar	100	性别
nianling	varchar	100	年龄		管理员
fuwuleixing	timestamp		服务类型		CURRENT_TIMESTAMP
jiazhengleixing	varchar	100	家政类型
fuwufeiyong	varchar	100	服务费用
lianxifangshi	timestamp		联系方式
gongzuonianshu	varchar	100	工作年数
jiazhengtupian	varchar	100	家政图片
gerenjianjie	timestamp		个人简介
gongzuoneirong	varchar	100	工作内容

表名：jiazhengpingjia

功能：家政评价

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
yuyuebianhao	bigint		预约编号
jiazhengxingming	varchar	100	家政姓名
fuwuleixing	varchar	100	服务类型
yonghuming	varchar	100	用户名
yonghuxingming	varchar	200	用户姓名
yonghushouji	timestamp		用户手机		CURRENT_TIMESTAMP
manyidu	timestamp		满意度		CURRENT_TIMESTAMP
pingjianeirong	timestamp		评价内容

表名：jiazhengyuyue

功能：家政预约

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
yuyuebianhao	varchar	200	预约编号
jiazhengxingming	varchar	200	家政姓名
jiazhengtupian	varchar	200	家政图片
fuwufeiyong	varchar	200	服务费用
fuwuleixing	varchar	200	服务类型
jiazhengleixing	varchar	200	家政类型
yonghuming	varchar	200	用户名
yonghuxingming	varchar	200	用户姓名
yonghushouji	varchar	200	用户手机
dizhi	longtext	4294967295	地址
yuyueshijian	varchar	200	预约时间
sfsh	varchar	200	是否审核
shhf	varchar	200	是否回复		否

表名：jiazhengzixun

功能：家政资讯

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
zixunbiaoti	varchar	200	资讯标题
fengmiantupian	varchar	200	封面图片
neirong	varchar	200	内容
fabushijian	varchar	200	发布时间
fabuzhe	varchar	200	发布者
laiyuan	varchar	200	来源
zixunleixing	date		资讯类型

表名：yonghu

功能：用户

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
yonghuming	varchar	200	用户名
mima	varchar	200	密码
yonghuxingming	varchar	200	用户姓名
xingbie	varchar	200	性别
touxiang	varchar	200	头像
yonghushouji	varchar	200	用户手机

第5章 系统详细设计

5.1管理员功能模块

管理员登录，管理员通过输入用户名、密码等信息进行系统登录，如图5-1所示。

图5-1管理员登录界面图

管理员登录进入家政服务网站可以查看个人中心、用户管理、服务类型管理、家政类型管理、家政评价管理、家政资讯管理、家政服务管理、家政预约管理、系统管理等内容，如图5-2所示。

图5-2管理员功能界面图

用户管理，在用户管理页面可以填写用户名、密码、用户姓名、性别、头像、用户手机等内容，并可根据需要对用户管理进行查看，修改或删除等操作，如图5-3所示。

图5-3用户管理界面图

服务类型管理，在服务类型管理页面可以填写服务类型等内容，并可根据需要对服务类型管理进行修改或删除等操作，如图5-4所示。

图5-4服务类型管理界面图

家政类型管理，在家政类型管理页面可以填写家政类型等进行添加、修改、删除内容等操作，如图5-5所示。

图5-5家政类型管理界面图

家政评价管理，在家政评价管理页面可以查看预约编号、家政姓名、服务类型、用户名、用户姓名、用户手机、满意度、评价内容等内容，并可根据需要对家政评价管理信息进行查看、修改，删除内容等操作，如图5-6所示。

图5-6家政评价管理界面图

家政资讯管理 ，在家政资讯管理页面可以查看资讯标题、封面图片、内容、发布时间、发布者、来源、资讯类型等内容，并可根据需要对家政资讯管理进行查看、修改、删除内容等操作，如图5-7所示。

图5-7家政资讯管理界面图

家政服务管理；在家政服务管理页面可以查看家政姓名、性别、年龄、服务类型、家政类型、服务费用、联系方式、工作年数、家政图片、个人简介、工作内容等内容，并可根据需要对家政服务管理进行查看、修改、删除内容等操作，如图5-8所示。

图5-8家政服务管理界面图

家政预约管理，在家政预约管理页面可以查看预约编号、家政姓名、家政图片、服务费用、服务类型、家政类型、用户名、用户姓名、用户手机、地址、预约手机、是否审核、审核回复、是否支付等内容，并可根据需要对家政预约管理进行审核、查看、修改，删除等操作，如图5-9所示。

图5-9家政预约管理界面图

5.2用户功能模块

用户登录进入家政服务网站可以查看个人中心、家政评价管理、家政预约管理等内容，如图5-10所示。

图5-10用户功能界面图

个人中心，在个人中心页面通过填写用户名、密码、用户姓名、性别、头像、用户手机等内容并可根据需要对个人中心信息进行提交操作，如图5-11所示。

图5-11个人中心界面图

家政预约管理，在家政预约管理页面可以填写预约编号、家政姓名、家政图片、服务费用、服务类型、家政类型、用户名、用户姓名、用户手机、地址、预约手机、是否审核、审核回复、是否支付等内容，并可根据需要对家政预约管理进行家政评价、查看，删除等操作，如图5-12所示。

图5-12家政预约管理界面图

家政评价管理，在家政评价管理页面可以查看预约编号、家政姓名、服务类型、用户名、用户姓名、用户手机、满意度、评价内容等内容，并可根据需要对家政评价管理进行查看，修改、删除等操作，如图5-13所示。

图5-13家政评价管理界面图

5.3前台首页功能模块

用户登录进入家政服务网站可以查看首页、家政资讯、家政服务、我的、跳转到后台等内容，如图5-14所示。

图5-14前台首页功能界面图

用户注册，在用户注册页面通过填写用户名、密码、姓名、手机等信息进行注册，如图5-15所示。

图5-15用户注册界面图

用户登录，在用户登录页面可以填写账号、密码等内容，进行登录，如图5-16所示。

图5-16用户登录界面图

家政服务信息，在家政服务信息页面可以填写家政姓名、性别、年龄、服务类型、家政类型、服务费用、联系方式、工作年数、个人简介、工作内容等内容，并可根据需要对家政服务信息进行家政预约或点我收藏等操作，如图5-17所示。

图5-17家政服务信息界面图

个人中心信息，在个人中心页面可以填写用户名、密码、用户姓名、性别、头像、用户手机等内容，并可根据需要对个人中心信息进行上传图片、更新信息或退出登录等操作，如图5-18所示。

图5-18个人中心信息界面图

BaiduUtil.java

package com.utils;

import java.io.BufferedReader;
import java.io.InputStreamReader;
import java.net.HttpURLConnection;
import java.net.URL;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import org.json.JSONObject;


/**
* 类说明 : 
*/

public class BaiduUtil {
	
    /**
     * 根据经纬度获得省市区信息
     * @param lon 纬度
     * @param lat 经度
     * @param coordtype 经纬度坐标系
     * @return
     */
    public static Map<String, String> getCityByLonLat(String key, String lng, String lat) {
        String location = lat + "," + lng;
        try {
            //拼装url
            String url = "http://api.map.baidu.com/reverse_geocoding/v3/?ak="+key+"&output=json&coordtype=wgs84ll&location="+location;
            String result = HttpClientUtils.doGet(url);
            JSONObject o = new JSONObject(result);
            Map<String, String> area = new HashMap<>();
			area.put("province", o.getJSONObject("result").getJSONObject("addressComponent").getString("province"));
			area.put("city", o.getJSONObject("result").getJSONObject("addressComponent").getString("city"));
			area.put("district", o.getJSONObject("result").getJSONObject("addressComponent").getString("district"));
			area.put("street", o.getJSONObject("result").getJSONObject("addressComponent").getString("street"));
            return area;
        }catch (Exception e) {
            e.printStackTrace();
        }
        return null;
    }

    /**
	     * 获取API访问token
	     * 该token有一定的有效期，需要自行管理，当失效时需重新获取.
	     * @param ak - 百度云官网获取的 API Key
	     * @param sk - 百度云官网获取的 Securet Key
	     * @return assess_token
	     */
    public static String getAuth(String ak, String sk) {
        // 获取token地址
        String authHost = "https://aip.baidubce.com/oauth/2.0/token?";
        String getAccessTokenUrl = authHost
                // 1. grant_type为固定参数
                + "grant_type=client_credentials"
                // 2. 官网获取的 API Key
                + "&client_id=" + ak
                // 3. 官网获取的 Secret Key
                + "&client_secret=" + sk;
        try {
            URL realUrl = new URL(getAccessTokenUrl);
            // 打开和URL之间的连接
            HttpURLConnection connection = (HttpURLConnection) realUrl.openConnection();
            connection.setRequestMethod("GET");
            connection.connect();
            // 获取所有响应头字段
            Map<String, List<String>> map = connection.getHeaderFields();
            // 遍历所有的响应头字段
            for (String key : map.keySet()) {
                System.err.println(key + "--->" + map.get(key));
            }
            // 定义 BufferedReader输入流来读取URL的响应
            BufferedReader in = new BufferedReader(new InputStreamReader(connection.getInputStream()));
            String result = "";
            String line;
            while ((line = in.readLine()) != null) {
                result += line;
            }
            /**
             * 返回结果示例
             */
            System.err.println("result:" + result);
            org.json.JSONObject jsonObject = new org.json.JSONObject(result);
            String access_token = jsonObject.getString("access_token");
            return access_token;
        } catch (Exception e) {
            System.err.printf("获取token失败！");
            e.printStackTrace(System.err);
        }
        return null;
    }

}

ConfigController.java

package com.controller;


import java.util.Arrays;
import java.util.Map;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;

import com.annotation.IgnoreAuth;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.entity.ConfigEntity;
import com.service.ConfigService;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.ValidatorUtils;

/**
 * 登录相关
 */
@RequestMapping("config")
@RestController
public class ConfigController{
	
	@Autowired
	private ConfigService configService;

	/**
     * 列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,ConfigEntity config){
        EntityWrapper<ConfigEntity> ew = new EntityWrapper<ConfigEntity>();
    	PageUtils page = configService.queryPage(params);
        return R.ok().put("data", page);
    }
    
	/**
     * 列表
     */
    @IgnoreAuth
    @RequestMapping("/list")
    public R list(@RequestParam Map<String, Object> params,ConfigEntity config){
        EntityWrapper<ConfigEntity> ew = new EntityWrapper<ConfigEntity>();
    	PageUtils page = configService.queryPage(params);
        return R.ok().put("data", page);
    }

    /**
     * 信息
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") String id){
        ConfigEntity config = configService.selectById(id);
        return R.ok().put("data", config);
    }
    
    /**
     * 详情
     */
    @IgnoreAuth
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") String id){
        ConfigEntity config = configService.selectById(id);
        return R.ok().put("data", config);
    }
    
    /**
     * 根据name获取信息
     */
    @RequestMapping("/info")
    public R infoByName(@RequestParam String name){
        ConfigEntity config = configService.selectOne(new EntityWrapper<ConfigEntity>().eq("name", "faceFile"));
        return R.ok().put("data", config);
    }
    
    /**
     * 保存
     */
    @PostMapping("/save")
    public R save(@RequestBody ConfigEntity config){
//    	ValidatorUtils.validateEntity(config);
    	configService.insert(config);
        return R.ok();
    }

    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody ConfigEntity config){
//        ValidatorUtils.validateEntity(config);
        configService.updateById(config);//全部更新
        return R.ok();
    }

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
    	configService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
}

CommonUtil.java

package com.utils;

import java.util.Random;

public class CommonUtil {
	/**
     * 获取随机字符串
     *
     * @param num
     * @return
     */
    public static String getRandomString(Integer num) {
        String base = "abcdefghijklmnopqrstuvwxyz0123456789";
        Random random = new Random();
        StringBuffer sb = new StringBuffer();
        for (int i = 0; i < num; i++) {
            int number = random.nextInt(base.length());
            sb.append(base.charAt(number));
        }
        return sb.toString();
    }
}

macarons.js

(function (root, factory) {
    if (typeof define === 'function' && define.amd) {
        // AMD. Register as an anonymous module.
        define(['exports', 'echarts'], factory);
    } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') {
        // CommonJS
        factory(exports, require('echarts'));
    } else {
        // Browser globals
        factory({}, root.echarts);
    }
}(this, function (exports, echarts) {
    var log = function (msg) {
        if (typeof console !== 'undefined') {
            console && console.error && console.error(msg);
        }
    };
    if (!echarts) {
        log('ECharts is not Loaded');
        return;
    }

    var colorPalette = [
        '#2ec7c9','#b6a2de','#5ab1ef','#ffb980','#d87a80',
        '#8d98b3','#e5cf0d','#97b552','#95706d','#dc69aa',
        '#07a2a4','#9a7fd1','#588dd5','#f5994e','#c05050',
        '#59678c','#c9ab00','#7eb00a','#6f5553','#c14089'
    ];


    var theme = {
        color: colorPalette,

        title: {
            textStyle: {
                fontWeight: 'normal',
                color: '#008acd'
            }
        },

        visualMap: {
            itemWidth: 15,
            color: ['#5ab1ef','#e0ffff']
        },

        toolbox: {
            iconStyle: {
                normal: {
                    borderColor: colorPalette[0]
                }
            }
        },

        tooltip: {
            backgroundColor: 'rgba(50,50,50,0.5)',
            axisPointer : {
                type : 'line',
                lineStyle : {
                    color: '#008acd'
                },
                crossStyle: {
                    color: '#008acd'
                },
                shadowStyle : {
                    color: 'rgba(200,200,200,0.2)'
                }
            }
        },

        dataZoom: {
            dataBackgroundColor: '#efefff',
            fillerColor: 'rgba(182,162,222,0.2)',
            handleColor: '#008acd'
        },

        grid: {
            borderColor: '#eee'
        },

        categoryAxis: {
            axisLine: {
                lineStyle: {
                    color: '#008acd'
                }
            },
            splitLine: {
                lineStyle: {
                    color: ['#eee']
                }
            }
        },

        valueAxis: {
            axisLine: {
                lineStyle: {
                    color: '#008acd'
                }
            },
            splitArea : {
                show : true,
                areaStyle : {
                    color: ['rgba(250,250,250,0.1)','rgba(200,200,200,0.1)']
                }
            },
            splitLine: {
                lineStyle: {
                    color: ['#eee']
                }
            }
        },

        timeline : {
            lineStyle : {
                color : '#008acd'
            },
            controlStyle : {
                normal : { color : '#008acd'},
                emphasis : { color : '#008acd'}
            },
            symbol : 'emptyCircle',
            symbolSize : 3
        },

        line: {
            smooth : true,
            symbol: 'emptyCircle',
            symbolSize: 3
        },

        candlestick: {
            itemStyle: {
                normal: {
                    color: '#d87a80',
                    color0: '#2ec7c9',
                    lineStyle: {
                        color: '#d87a80',
                        color0: '#2ec7c9'
                    }
                }
            }
        },

        scatter: {
            symbol: 'circle',
            symbolSize: 4
        },

        map: {
            label: {
                normal: {
                    textStyle: {
                        color: '#d87a80'
                    }
                }
            },
            itemStyle: {
                normal: {
                    borderColor: '#eee',
                    areaColor: '#ddd'
                },
                emphasis: {
                    areaColor: '#fe994e'
                }
            }
        },

        graph: {
            color: colorPalette
        },

        gauge : {
            axisLine: {
                lineStyle: {
                    color: [[0.2, '#2ec7c9'],[0.8, '#5ab1ef'],[1, '#d87a80']],
                    width: 10
                }
            },
            axisTick: {
                splitNumber: 10,
                length :15,
                lineStyle: {
                    color: 'auto'
                }
            },
            splitLine: {
                length :22,
                lineStyle: {
                    color: 'auto'
                }
            },
            pointer : {
                width : 5
            }
        }
    };

    echarts.registerTheme('macarons', theme);
}));

声明

本博客适用于广泛的学术和教育用途，包括但不限于个人学习、开发设计，产品设计。仅供学习参考，旨在为读者提供深入理解和学术研究的材料。