Skip to content

个人开发环境资源信息

本地开发搭建的环境信息资源信息(开发环境密码、连接地址、端口等信息)

本地开发软件

MySQL

MySQL Server 8.0.27.1(3306)

  • 安装位置:D:\development\MySQL\MySQL Server 8.0\
  • 端口号:3306
  • 用户名/密码:root/123456

MySQL Server 5.7.25 免安装版(3307)

  • 安装位置:D:\development\MySQL\mysql-5.7.25-winx64\
  • 端口号:3307
  • 用户名/密码:root/123456

Nacos 服务注册中心(8848)

  • 版本:2.0.3
  • 安装位置:D:\deployment\nacos\
  • 默认端口号:8848
  • 访问地址:http://127.0.0.1:8848/nacos
  • 用户名/密码:nacos/nacos

服务启动脚本:

bash
cd /d D:\deployment\nacos\bin\
startup.cmd -m standalone

已配置使用本地mysql保存数据,保存的数据库是 nacos,需要启动 5.7 版本的 MySQL

Sentinel 分布式服务架构的流量控制组件(9898)

  • 版本:1.8.0
  • 安装位置:D:\deployment\sentinel\
  • 端口号:9898 (默认是8080)
  • 访问地址:http://127.0.0.1:9898
  • 用户名/密码:sentinel/sentinel

服务启动脚本:

bash
cd /d D:\deployment\sentinel\
java -Dserver.port=9898 -Dcsp.sentinel.dashboard.server=localhost:9898 -Dproject.name=sentinel-dashboard -jar sentinel-dashboard-1.8.0.jar

redis (windows版 server)(6379)

  • 安装位置:D:\development\Redis-x64-3.2.100\1.4. - 端口:6379
  • 启动脚本:
bash
cd /d D:\development\Redis-x64-3.2.100
start call redis-server redis.windows.conf

zipkin 日志数据收集(9411)

  • 版本:2.23.16
  • 安装位置:E:\deployment\zipkin\
  • 端口:9411
  • 访问地址:http://127.0.0.1:9411
  • 启动命令:
bash
java -jar E:\deployment\zipkin\zipkin-server-2.23.16-exec.jar

ActiveMQ 消息中间件

  • 版本:5.15.3
  • 安装位置:E:\deployment\apache-activemq-5.15.3\
  • 端口:61616/8161/5672/61613/61614/1883
  • 管理后台地址: http://127.0.0.1:8161
  • 账号/密码:admin/admin
  • 启动命令:
bash
E:\deployment\apache-activemq-5.15.3\bin\win64\activemq.bat

RocketMQ 消息中间件

服务端(9876)

  • 版本:4.9.2
  • 安装位置:E:\deployment\RocketMQ\rocketmq-4.9.2\
  • 端口:9876

控制台(7777)

  • 版本:1.0.0
  • 安装位置:E:\deployment\RocketMQ\rocketmq-console\target\
  • 端口:7777
  • 访问地址:http://127.0.0.1:7777
  • 启动命令:
bash
java -jar rocketmq-console-ng-1.0.0.jar --server.port=7777 --rocketmq.config.namesrvAddr=127.0.0.1:9876

注:这是 spring boot 工程打包后的 jar,打包时没有指定端口号和 RocketMQ 服务地址,所以可能通过启动命令来修改相应的配置

kafka 分布式的发布-订阅消息系统

注:放到 E 盘的 deployment 目录中,启动时会提示“输入行太长”,所以直接放到 E 盘根目录中

  • 版本:2.8.1
  • 安装位置:E:\kafka_2.13-2.8.1\
  • 端口:zk 占用 2181 / kafka 占用 9092
  • 启动命令
shell
# 进入根目录
cd /d E:\kafka_2.13-2.8.1\

# 启动 zk
.\bin\windows\zookeeper-server-start.bat .\config\zookeeper.properties
# 启动 kafka
.\bin\windows\kafka-server-start.bat .\config\server.properties

Seata 服务(9000)

  • 版本:0.9.0
  • 安装位置:E:\deployment\seata\
  • 端口:9000

注:seata 配置了使用 nacos 作为注册与配置中心,所以需要先启动 nacos 服务。

Apollo 配置中心

基本信息

目前使用 v1.6.1 版本(学习apollo课程、万信金融项目使用,待转用高版本后删除),v1.9.1版本(未启用)

  • v1.6.1 版本安装地址:E:\deployment\apollo\
  • v1.9.1 版本安装地址:E:\deployment\apollo-v1.9.1\
  • 占用的端口:8070(apollo-portal), 8080(apollo-configservice), 8090(apollo-adminservice
  • 账号/密码:
    • apollo/admin(默认)
    • moon/123456

启动脚本

在 apollo 目录下执行如下命令(根据实际情况修改)。可通过 -Dserver.port=xxxx 修改默认端口

  • 启动 apollo-configservice
bash
java ‐Xms256m ‐Xmx256m ‐Dspring.datasource.url=jdbc:mysql://localhost:3306/ApolloConfigDB?characterEncoding=utf8 ‐Dspring.datasource.username=root ‐Dspring.datasource.password=123456 ‐jar apollo-configservice-1.6.1.jar
  • 启动 apollo-adminservice
bash
java ‐Xms256m ‐Xmx256m ‐Dspring.datasource.url=jdbc:mysql://localhost:3306/ApolloConfigDB?characterEncoding=utf8 ‐Dspring.datasource.username=root ‐Dspring.datasource.password=123456 ‐jar apollo-adminservice-1.6.1.jar
  • 启动 apollo-portal
bash
java ‐Xms256m ‐Xmx256m ‐Ddev_meta=http://localhost:8080/ ‐Dserver.port=8070 ‐Dspring.datasource.url=jdbc:mysql://localhost:3306/ApolloPortalDB?characterEncoding=utf8 ‐Dspring.datasource.username=root ‐Dspring.datasource.password=123456 ‐jar apollo-portal-1.6.1.jar
  • 启动全部3个服务(按需修改数据库连接地址,数据库以及密码,日志保存位置等)
bash
echo

set url="localhost:3306"
set username="root"
set password="123456"

start "configService" java -Xms256m -Xmx256m -Dapollo_profile=github -Dspring.datasource.url=jdbc:mysql://%url%/ApolloConfigDB?characterEncoding=utf8 -Dspring.datasource.username=%username% -Dspring.datasource.password=%password% -Dlogging.file=.\logs\apollo-configservice.log -jar .\apollo-configservice-1.6.1.jar
start "adminService" java -Xms256m -Xmx256m -Dapollo_profile=github -Dspring.datasource.url=jdbc:mysql://%url%/ApolloConfigDB?characterEncoding=utf8 -Dspring.datasource.username=%username% -Dspring.datasource.password=%password% -Dlogging.file=.\logs\apollo-adminservice.log -jar .\apollo-adminservice-1.6.1.jar
start "ApolloPortal" java -Xms256m -Xmx256m -Dapollo_profile=github,auth -Ddev_meta=http://localhost:8080/ -Dserver.port=8070 -Dspring.datasource.url=jdbc:mysql://%url%/ApolloPortalDB?characterEncoding=utf8 -Dspring.datasource.username=%username% -Dspring.datasource.password=%password% -Dlogging.file=.\logs\apollo-portal.log -jar .\apollo-portal-1.6.1.jar

Nginx

  • 版本:1.20.2
  • 安装位置:D:\development\nginx-1.20.2\
  • 端口:80
  • 启动/关闭脚本:
bash
set NGINX_PATH=D:\development\nginx-1.20.2

echo.开启Nginx代理......
cd /d %NGINX_PATH%
start nginx
echo.开启Nginx代理成功!
pause
bash
echo.关闭Nginx代理......
cd /d %NGINX_PATH%
nginx -s stop
echo.关闭Nginx代理成功!
pause

ElasticStack

ElasticSearch

  • 版本:7.17.1
  • 安装位置:E:\deployment\ElasticStack\elasticsearch-7.17.1\
  • 端口:9200
  • 运行命令:
bash
E:\deployment\ElasticStack\elasticsearch-7.17.1\bin\elasticsearch.bat

elasticsearch-head

  • 版本:0.0.0
  • 安装位置:E:\deployment\ElasticStack\elasticsearch-head\
  • 端口:9100
  • 访问地址:http://localhost:9100
  • 运行命令:
bash
cd /d E:\deployment\ElasticStack\elasticsearch-head\
npm run start

logstash

  • 版本:7.17.1
  • 安装位置:E:\deployment\ElasticStack\logstash-7.17.1\
  • 运行命令:
bash
cd /d E:\deployment\ElasticStack\logstash-7.17.1\bin\
.\logstash.bat -f ..\config\mysql-es.conf

ZooKeeper

  • 版本:3.6.3
  • 安装位置:E:\deployment\apache-zookeeper-3.6.3-bin\
  • 端口:
    • Zookeeper Server:2181
    • Zookeeper AdminServer:9999
  • 运行命令:
bash
cd /d E:\deployment\apache-zookeeper-3.6.3-bin\bin\
zkServer.cmd

注:Zookeeper 3.5 的新特性:会启动 Zookeeper AdminServer,默认使用 8080 端口,已修改为 9999

Memcached 缓存服务

  • 版本:1.4.4-14
  • 安装位置:E:\deployment\memcached\
  • 端口:11211
  • 安装与卸载命令(以管理员身份运行cmd):
bash
# 安装服务
E:\deployment\memcached\memcached.exe -d install
# 卸载服务
E:\deployment\memcached\memcached.exe -d uninstall
  • 启用和停止命令(正常运行cmd 即可),也可以直接在【服务】面板中右键运行或者停止
bash
# 启动服务
E:\deployment\memcached\memcached.exe -d start
# 停止服务
E:\deployment\memcached\memcached.exe -d stop

linux系统

练习使用的linux系统(centOS)

账号/IP/虚拟网卡

  • 用户名:root 密码:123456
  • 本机IP:192.168.12.1
  • 虚拟机IP:192.168.12.132
  • 虚拟机使用的网卡(VMnet 8)

redis(port: 6379)

  • redis-4.0.12版本,安装位置:/usr/local/redis
  • redis (docker 版本) 脚本存放的位置(红包雨场景实战):/usr/local/script/redis.sh
sh
docker run -id --name=redis -p 6379:6379 redis

zookeeper(port: 2181)

  • zookeeper (docker 版本)
    • 脚本存放的位置(红包雨场景实战):/usr/local/script/zookeeper.sh
sh
docker run -id --name=zookeeper -v /opt/data/zksingle:/data -p 2181:2181 -e ZOO_LOG4J_PROP="INFO,ROLLINGFILE" zookeeper

RabbitMQ(prot: 4369)

  • 【docker版本】rabbitmq:management。映射的端口0.0.0.0:4369->4369/tcp, 0.0.0.0:5671-5672->5671-5672/tcp, 0.0.0.0:15671-15672->15671-15672/tcp, 0.0.0.0:25672->25672/tcp
bash
# 启动容器
docker run -d -p 15672:15672  -p 5672:5672  -e RABBITMQ_DEFAULT_USER=admin -e RABBITMQ_DEFAULT_PASS=admin --name rabbitmq --hostname=rabbitmqhostone  rabbitmq:management
# 防火墙中打开4369端口
firewall-cmd --zone=public --add-port=4369/tcp --permanent

参数说明:

  • 15672 :表示 RabbitMQ 控制台端口号,可以在浏览器中通过控制台来执行 RabbitMQ 的相关操作。
  • 5672 : 表示 RabbitMQ 所监听的 TCP 端口号,应用程序可通过该端口与 RabbitMQ 建立 TCP 连接,完成后续的异步消息通信
  • RABBITMQ_DEFAULT_USER:用于设置登陆控制台的用户名,这里我设置 admin
  • RABBITMQ_DEFAULT_PASS:用于设置登陆控制台的密码,这里我设置 admin
  • 容器启动成功后,可以在浏览器输入地址:http://ip:15672/ 访问控制台

如果不修改默认账号与密码,则初始账号/密码是:guest/guest

管理界面地址:http://192.168.12.132:15672/#/

MySQL

  • 【docker版本】MySQL(port:3306)
bash
# 搜索镜像
docker search mysql
# 拉取镜像
docker pull mysql:5.7
# 创建守护式容器
docker run -id --name=mysql3306 -p 3306:3306 -v /usr/docker/mysql3306/data:/var/lib/mysql -v /usr/docker/mysql3306/conf:/etc/mysql/conf.d -e MYSQL_ROOT_PASSWORD=123456 --privileged=true mysql:5.7
# 防火墙中打开3306端口
firewall-cmd --zone=public --add-port=3306/tcp --permanent

红包雨场景项目使用的脚本如下: 脚本存放的位置(红包雨场景实战):/usr/local/script/mysql.sh

bash
docker run -id --name=mysql3306 -v /opt/data/mysql:/var/lib/mysql -p3306:3306 -e MYSQL_ROOT_PASSWORD=123456 mysql:5.7.4
  • 【docker版本】MySQL(port:3307)
bash
# 创建守护式容器
docker run -id --name=mysql3307 -p 3307:3306 -v /usr/docker/mysql3307/data:/var/lib/mysql -v /usr/docker/mysql3307/conf:/etc/mysql/conf.d -e MYSQL_ROOT_PASSWORD=123456 --privileged=true mysql:5.7
# 防火墙中打开3307端口
firewall-cmd --zone=public --add-port=3307/tcp --permanent
安装时出现问题

用docker创建MySQL无法访问的问题(WARNING: IPv4 forwarding is disabled. Networking will not work)

有两种解决

  1. /usr/lib/sysctl.d/00-system.conf 配置文件末尾添加如下脚本
net.ipv4.ip_forward=1

2 在 /etc/sysctl.conf 配置文件末尾添加如下脚本

net.ipv4.ip_forward=1

重启网络

bash
systemctl restart network

MongoDB(未安装)

  • 部署地址:http://192.168.12.132:27017
  • 使用docker安装,版本是4.0.18
  • 用户所属数据库:admin 用户名:root 密码:123

ps. 相关的安装过程详见

RocketMQ

  • 安装目录:/usr/local/software/rocketmq-all-4.4.0-bin-release
  • 端口:9876

nginx(port: 80)

  • 【docker版本】nginx
bash
# 搜索镜像
docker search nginx
# 拉取镜像
docker pull nginx
# 创建守护式容器
docker run --name nginx -v /opt/data/nginx/html:/usr/share/nginx/html:ro -v /opt/app/back/upload:/usr/share/nginx/upload:ro -v /opt/data/nginx/nginx.conf:/etc/nginx/nginx.conf:ro -p 80:80 --privileged=true -id nginx

映射的配置文件位置:/opt/data/nginx/nginx.conf

红包雨场景项目使用的脚本如下: 脚本存放的位置(红包雨场景实战):/usr/local/script/nginx.sh

注意问题,因为是挂载nginx的配置文件,首次创建容器时会提示挂载失败,因为docker将 nginx.conf 当作目录,所以需要进入挂载的目录将“nginx.conf”目录删除,再创建“nginx.conf”文件即可,参考脚本如下:

bash
cd /opt/data/nginx/
rm -rf nginx.conf/
# 创建文件
touch nginx.conf

Jenkins(未安装)

yum 方式安装,安装命令如下:

bash
yum install jenkins

项目二linux部署地址(pinyougou)

  • 本机IP:192.168.12.1
  • 虚拟机对应的网卡(VMnet 8)
    • 账号:root
    • 密码:123456
    • IP:192.168.12.131

注:镜像已上传到百度云盘与阿里云盘,本地已删除

练习使用的linux系统(CentOS 8)

  • 本机IP:192.168.12.1
  • 虚拟机对应的网卡(VMnet 8)
    • 用户名:root 密码:123456
    • 用户名2:moon 密码:123456
    • 虚拟机IP:192.168.12.133

好客租房项目使用的linux系统(Ubuntu(x64)-haoke)

  • 本机IP:192.168.12.1
  • 虚拟机对应的网卡(VMnet 8)
    • 用户名:root 密码:123456
    • 用户名2:moonkira 密码:123456
    • 虚拟机IP:192.168.12.134

常用软件默认端口号

  • tomcat:8080
    • eclipse默认的tomcat端口(ports):
    • Tomcat admin port:8005
    • HTTP/1.1:8080
    • AJP/1.3:8009
  • mysql:3306
  • redis:6379
    • 连接虚拟机的redis地址:192.168.187.10
  • oracle:1521
  • solr:8983
  • MongoDB:27017
  • RabbitMQ:15672
  • zipkin:9411

部署tomcat配置虚拟目录(图片)

oracle

  • 口令:moon

    • SCOTT的口令:123456
    • HR的口令:123456
  • oracle连接的虚拟网络

    • 子网IP:192.168.187.0 子网掩码:255.255.255.0
    • win10设置VMware Network Adapter VMnet11:
      • 子网IP:192.168.187.1 子网掩码:255.255.255.0
    • 虚拟机XP系统设置
      • 子网IP:192.168.187.10 子网掩码:255.255.255.0

SVN

本地搭建的仓库地址:

linux 系统远程 git 仓库

  • 地址:ssh://git@192.168.217.128/home/git/mytest.git
  • 用户名/密码:git/git

开启服务

  • MySQL 手动开启--服务名称:MySQL
  • nexus Maven 私服 手动开启--服务名称:nexus-webapp
  • VisualSVN Server 手动开启--服务名称:VisualSVNServer

maven私服配置(setting.xml)

  • 说明:以下两个配置都需要在教室使用。
  1. 外网地址是在大家使用学校帐号登录连接外网使用
  2. 内网地址是在大家不能上网的时候使用(建议大家都配置内网地址)
  3. 阿里云仓库地址,可以上外网的情况下使用(大家以后在工作中,可以使用这个,下载速度要比maven中央仓库快)
xml
<!-- 外网使用(在教室,使用学校分配的帐号登录上网以后使用):-->
<mirror>
	<id>nexus</id>
	<mirrorOf>*</mirrorOf>
	<url>http://172.16.2.20:8081/nexus/content/repositories/central/</url>
 </mirror>
<!-- 内网使用(在教室,不能上网使用):-->
<mirror>
	<id>nexus</id>
	<mirrorOf>*</mirrorOf>
	<url>http://192.168.50.20:8081/nexus/content/repositories/central/</url>
 </mirror>
<!-- 阿里云(只要可以上网,就能使用):-->
<mirror>
  <id>nexus</id>
  <mirrorOf>*</mirrorOf>
  <url>http://maven.aliyun.com/nexus/content/groups/public/</url>
</mirror>

工具jar包

java第三方工具jar包

BeanUtils 需要导入 jar 包

  1. commons-beanutils-1.9.3.jar 工具核心包
  2. commons-logging-1.2.jar 日志记录组件
  3. commons-collections-3.2.2.jar 增强的集合包

JUnit

使用Eclipse自带jar带,@Test再导入

IO流工具包相关jar包

  • commons-io-2.4.jar(使用)
  • commons-io-2.6.jar (requires JDK 1.7+)

DOM4J 导入 jar包

dom4j-1.6.1.jar

MySQL驱动包相关jar包

mysql-connector-java-5.1.44

C3P0连接池相关jar包

  • c3p0-0.9.5.2.jar
  • mchange-commons-java-0.2.11.jar

DBCP连接池相关jar包

  • commons-dbcp-1.4.jar 核心包
  • commons-pool-1.6.jar 连接池包

DbUtils工具类相关jar包

  • commons-dbutils-1.7.jar 核心包
  • commons-logging-1.1.1.jar 日志记录包
  • 或 commons-logging-1.2.jar

处理文件上传的工具类jar包

  • commons-io-1.4.jar
  • commons-fileupload-1.2.1.jar

JSON-LIB 工具

  • json-lib 是将 java 对象与 json 数据相互转换的工具。
    • 第三方工具,使用时需要导入 jar 包
  • commons-lang-2.6.jar
  • ezmorph-1.0.6.jar
  • json-lib-2.4-jdk15.jar

Java连接Redis,需要导入jar包

  • commons-pool2-2.3.jar
  • jedis-2.7.0.jar

Gson工具类,需要导入jar包

  • gson-2.2.4.jar

PDF文档处理java组件

  • iText
    • iText是著名的开放源码的站点sourceforge一个项目,是用于生成PDF文档的一个java类库。通过iText不仅可以生成PDF或rtf的文档,而且可以将XML、Html文件转化为PDF文件
  • PDFBox是Java实现的PDF文档协作类库,提供PDF文档的创建、处理以及文档内容提取功能,也包含了一些命令行实用工具。主要特性包括:
    • 从PDF提取文本
    • 合并PDF文档
    • PDF 文档加密与解密
    • Lucene搜索引擎的集成
    • 填充PDF/XFDF表单数据
    • 从文本文件创建PDF文档
    • 从PDF页面创 建图片
    • 打印PDF文档

SSH框架相关jar包

Hibernate 导入核心jar包

  • 必须的支撑包:hibernate-release-5.0.12.Final\lib\required
  • JPA实现包:hibernate-release-5.0.12.Final\lib\jpa
  • 可选的组件(如:第三方缓存,连接池):hibernate-release-5.0.12.Final\lib\optional
  • 数据库MySQL驱动的jar包:mysql-connector-java-5.1.44-bin.jar

struts2 导入的核心jar包

  • 在struts-2.3.32\apps\struts2-blank.war的空项目,里面lib的jar就是struts2框架的最小配置包
  • 支持注解的插件包:struts-2.3.32\lib\struts2-convention-plugin-2.3.32.jar

spring 核心jar包

  • 导入核心jar包(IOC)
    • spring-beans-4.2.4.RELEASE.jar
    • spring-context-4.2.4.RELEASE.jar
    • spring-core-4.2.4.RELEASE.jar
    • spring-expression-4.2.4.RELEASE.jar
  • 基于注解的配置的jar包
    • spring-aop-4.2.4.RELEASE.jar
  • 2个支撑jar包
    • commons-logging-1.2.jar
    • dom4j-1.6.1.jar
  • Spring的aop操作基本jar包:
    • spring-aop-4.2.4.RELEASE.jar
    • spring-aspects-4.2.4.RELEASE.jar
  • aop相关的jar包
    • aopalliance-1.0.jar
    • aspectjweaver-1.8.7.jar
  • JdbcTemplate相关jar包
    • spring-jdbc-4.2.4.RELEASE.jar
    • spring-orm-4.2.4.RELEASE.jar
    • spring-tx-4.2.4.RELEASE.jar

Spring框架xml配置schema约束

xml
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
		xmlns:aop="http://www.springframework.org/schema/aop"
		xmlns:context="http://www.springframework.org/schema/context"
		xmlns:tx="http://www.springframework.org/schema/tx"
		xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
		xsi:schemaLocation="http://www.springframework.org/schema/beans
							http://www.springframework.org/schema/beans/spring-beans.xsd
							http://www.springframework.org/schema/context
							http://www.springframework.org/schema/context/spring-context.xsd
							http://www.springframework.org/schema/aop
							http://www.springframework.org/schema/aop/spring-aop.xsd
							http://www.springframework.org/schema/tx
							http://www.springframework.org/schema/tx/spring-tx.xsd">

</beans>

SpringMVC框架xml配置schema约束

xml
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns:p="http://www.springframework.org/schema/p"
	xmlns:context="http://www.springframework.org/schema/context"
	xmlns:mvc="http://www.springframework.org/schema/mvc"
	xsi:schemaLocation="http://www.springframework.org/schema/beans
	http://www.springframework.org/schema/beans/spring-beans-4.0.xsd
        http://www.springframework.org/schema/mvc
        http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd
        http://www.springframework.org/schema/context
        http://www.springframework.org/schema/context/spring-context-4.0.xsd">

</beans>

JavaScript相关插件js

jQuery 相关JS文件

  • jquery-1.8.3.min.js
  • jquery-2.1.0.min.js

表单验证的validate插件

  • jquery-1.8.3.min.js
  • jquery.validate.min.js 验证框架(在 dist 目录下)
  • messages_cn.js 一些默认的错误提示(在 dist\localization\目录下)

Bootstrap

  1. 复制三个文件夹(css、fonts、js)的内容到项目目录下
  2. 复制jQuery.js文件到项目中,建议使用1.9以上的版本

页面使用JSTL

html
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

页面使用OGNL

<%@ taglib prefix="s" uri="/struts-tags" %>

Bootstrap模板

html
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap模板</title>
<link href="${pageContext.request.contextPath}/css/bootstrap.min.css" rel="stylesheet">
<script src="${pageContext.request.contextPath}/js/jquery-2.1.0.min.js"></script>
<script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
  </head>
  <body>
  </body>
</html>

EasyUI的使用

下载程序库并导入EasyUI的CSS和Javascript文件到页面。

html
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/themes/icon.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
// 导入本地化显示文件
<script type="text/javascript" src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
  • 注意:上述 CSS 和 JS 路径以实际路径为准。引入css文件时顺序不限,但引入js文件时,先引入jquery的,后引入easyui的
  • 导入文件:
    • js:jquery-1.11.3.min.js/jquery.easyui.min.js
    • themes文件夹

zTree的使用

  • 导入包:zTreeStyle.css/jquery-1.4.4.min.js/jquery.ztree.core-3.5.js/js/jquery.ztree.excheck-3.5.js
html
<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>

I know where dry desert ends, green grass grows · MooN