Appearance
个人开发环境资源信息
本地开发搭建的环境信息资源信息(开发环境密码、连接地址、端口等信息)
本地开发软件
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.jarredis (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.confzipkin 日志数据收集(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.jarActiveMQ 消息中间件
- 版本: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.batRocketMQ 消息中间件
服务端(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.propertiesSeata 服务(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.jarNginx
- 版本: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代理成功!
pausebash
echo.关闭Nginx代理......
cd /d %NGINX_PATH%
nginx -s stop
echo.关闭Nginx代理成功!
pauseElasticStack
ElasticSearch
- 版本:7.17.1
- 安装位置:
E:\deployment\ElasticStack\elasticsearch-7.17.1\ - 端口:9200
- 运行命令:
bash
E:\deployment\ElasticStack\elasticsearch-7.17.1\bin\elasticsearch.batelasticsearch-head
- 版本:0.0.0
- 安装位置:
E:\deployment\ElasticStack\elasticsearch-head\ - 端口:9100
- 访问地址:http://localhost:9100
- 运行命令:
bash
cd /d E:\deployment\ElasticStack\elasticsearch-head\
npm run startlogstash
- 版本: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.confZooKeeper
- 版本: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 stoplinux系统
练习使用的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 rediszookeeper(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" zookeeperRabbitMQ(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)
有两种解决
- 在
/usr/lib/sysctl.d/00-system.conf配置文件末尾添加如下脚本
net.ipv4.ip_forward=12 在 /etc/sysctl.conf 配置文件末尾添加如下脚本
net.ipv4.ip_forward=1重启网络
bash
systemctl restart networkMongoDB(未安装)
- 部署地址: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.confJenkins(未安装)
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
- 默认提供的demo访问地址:http://127.0.0.1:8983/solr
- 自定义部署到tomcat服务器上:http://127.0.0.1:8082/solr
- Tomcat admin port:8006
- HTTP/1.1:8082
- AJP/1.3:8010
- 部署solr服务时,将tomcat环境变量名称修改了
- MongoDB:27017
- RabbitMQ:15672
- zipkin:9411
部署tomcat配置虚拟目录(图片)
- 部署到tomcat服务器上:apache-tomcat-9.0.5_virtualPic
- 部署的虚拟目录1:http://127.0.0.1:8000/pic
- 部署的虚拟目录2:http://127.0.0.1:8000/
- Tomcat admin port:8001
- HTTP/1.1:8000
- AJP/1.3:8009
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
本地搭建的仓库地址:
- Repository Type: FSFS
- Repository Name: svn_repository
- Repository URL:
- username: moon
- pw: 123456
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)
- 说明:以下两个配置都需要在教室使用。
- 外网地址是在大家使用学校帐号登录连接外网使用
- 内网地址是在大家不能上网的时候使用(建议大家都配置内网地址)
- 阿里云仓库地址,可以上外网的情况下使用(大家以后在工作中,可以使用这个,下载速度要比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 包
- commons-beanutils-1.9.3.jar 工具核心包
- commons-logging-1.2.jar 日志记录组件
- 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
- 复制三个文件夹(css、fonts、js)的内容到项目目录下
- 复制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>