vue 字符串截取_Vue 分布式项目搭建

最新推荐文章于 2023-11-01 22:32:47 发布
最新推荐文章于 2023-11-01 22:32:47 发布
阅读量273 收藏
点赞数
文章标签： vue 字符串截取 vue截取字符串

Vue小案例，用到了今天老师教到的几个小方法，substring截取字符串，setInterval设置定时器，clearInterval关闭定时器。还蛮好玩的

<div id = "app">

        <button @click="lang">浪起来button>

        <button @click="stop">低调button>

        <p>{{msg}}p>

    div> 

<script>

var vm = new Vue({

     el:'#app',

     data:{

         msg:"卢本伟:17张牌你能秒我,你能秒杀我,你今天能17张牌把我卢本伟秒了，我当场把这个电脑屏幕吃下去",

         intervalId:null

     },

     methods:{

         lang() {

           if(this.intervalId != null) 

               return;

        this.intervalId = setInterval(()=>{

        //   获取第一个字

         var start = this.msg.substring(0,1);

         console.log(start);

         //  获取后面的字

         var end = this.msg.substring(1);

         console.log(end);

         //需要把第一个文字，拼接到文字的末尾

        this.msg = end+start;

        console.log(this.msg);

      },100)

         },

         stop() {

             //取消定时任务

           clearInterval(this.intervalId);

           //把定时任务设置为null

           this.intervalId =null;

         }

     }

 })

Vue和jQuery  的Tab栏方式对比

jquery

  <input type="button" name="" id="" value="按钮一" class="current">

    <input type="button" name="" id="" value="按钮二">

    <input type="button" name="" id="" value="按钮3">

    <div class="block">

         00000

    div>

    <div>11111111111div>

    <div>2222222222div>

<script>

    $('input').on("click",function () {

        // siblings表示点击获得兄弟元素

        //.index()表示点击对象的位置

        $(this).addClass('current').siblings().removeClass('current');

        $('div').eq($(this).index()).addClass('block').siblings().removeClass('block');

    })

vue

a67476bbcb900eeb831be9e051ef25eb.png

第二章. 环境搭建

【目标】

使用maven搭建系统环境

【路径】

0：项目结构

1：父工程 meinian_parent

2：子工程 meinian_common(工具类)

3：子工程 meinian_pojo(实体类)

4：子工程 meinian_dao(Dao类)

5：子工程 meinian_interface(接口方法，用在dubbo数据调用)

6：子工程 meinian_service(Service类)

7：子工程 meinian_web(表现层)

8：测试

其中web是war项目，service是war项目，实现服务间的调用

搭建完成之后如下：

451c224b91c10dabd8dd00eb05cee1a4.png

【讲解】

2.1. 项目结构

2.1.1 分模块构建maven工程分析

在现实生活中，汽车厂家进行汽车生产时，由于整个生产过程非常复杂和繁琐，工作量非常大，所以车场都会将整个汽车的部件分开生产，最终再将生产好的部件进行组装，形成一台完整的汽车。

dfb41c2326e5f888a077be33171cf650.png

2.2.2 maven工程的继承

在Java语言中，类之间是可以继承的，通过继承，子类就可以引用父类中非private的属性和方法。同样，在maven工程之间也可以继承，子工程继承父工程后，就可以使用在父工程中引入的依赖。继承的目的是为了消除重复代码。

b1095a708d11c22a9b4e94816ec82ac9.png

2.2.3 项目结构分析

本项目采用maven分模块开发方式，即对整个项目拆分为几个maven工程，每个maven工程存放特定的一类代码，具体如下：

d0c37d793c6215d85a34d6da67007f5a.png

各模块职责定位：

meinian_parent：父工程，打包方式为pom，统一锁定依赖的版本，同时聚合其他子模块便于统一执行maven命令

meinian_common：通用模块，打包方式为jar，存放项目中使用到的一些工具类和常量类

meinian_pojo：打包方式为jar，存放实体类和返回结果类等

meinian_dao：持久层模块，打包方式为jar，存放Dao接口和Mapper映射文件等

meinian_interface：打包方式为jar，存放服务接口

meinian_service：Dubbo服务模块，打包方式为war，存放服务实现类，作为服务提供方，需要部署到tomcat运行

meinian_web：打包方式为war，作为Dubbo服务消费方，存放Controller、HTML页面、js、css、spring配置文件等，需要部署到tomcat运行

2.2. maven项目搭建

通过前面的项目功能架构图可以知道本项目分为美年国宾管理后台和美年国宾管理前台(微信端，本小节我们先搭建管理后台项目

2.2.1. meinian_parent

【路径】

1：创建工程

2：导入坐标

【讲解】

1：创建meinian_parent，父工程，打包方式为pom，用于统一管理依赖版本

c2ec01ddf751b164a123e46dda4d397c.png

242a156c8f17bfadef6c3284831f8ba2.png

2：pom.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0modelVersion>

<groupId>com.atguigugroupId>
<artifactId>meinian_parentartifactId>
<version>1.0-SNAPSHOTversion>

<packaging>pompackaging>


<properties>
<junit.version>4.12junit.version>
<spring.version>5.0.5.RELEASEspring.version>
<pagehelper.version>4.1.4pagehelper.version>
<servlet-api.version>2.5servlet-api.version>
<dubbo.version>2.6.0dubbo.version>
<zookeeper.version>3.4.7zookeeper.version>
<zkclient.version>0.1zkclient.version>
<mybatis.version>3.4.5mybatis.version>
<mybatis.spring.version>1.3.1mybatis.spring.version>
<mybatis.paginator.version>1.2.15mybatis.paginator.version>
<mysql.version>5.1.32mysql.version>
<druid.version>1.0.9druid.version>
<commons-fileupload.version>1.3.1commons-fileupload.version>
<spring.security.version>5.0.5.RELEASEspring.security.version>
<poi.version>3.14poi.version>
<jedis.version>2.9.0jedis.version>
<quartz.version>2.2.1quartz.version>
properties>

<dependencyManagement>
<dependencies>

<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-contextartifactId>
<version>${spring.version}version>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-beansartifactId>
<version>${spring.version}version>
dependency>

<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-webartifactId>
<version>${spring.version}version>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-webmvcartifactId>
<version>${spring.version}version>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-jdbcartifactId>
<version>${spring.version}version>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-aspectsartifactId>
<version>${spring.version}version>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-jmsartifactId>
<version>${spring.version}version>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-context-supportartifactId>
<version>${spring.version}version>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-testartifactId>
<version>${spring.version}version>
dependency>

<dependency>
<groupId>com.alibabagroupId>
<artifactId>dubboartifactId>
<version>${dubbo.version}version>
dependency>
<dependency>
<groupId>org.apache.zookeepergroupId>
<artifactId>zookeeperartifactId>
<version>${zookeeper.version}version>
dependency>
<dependency>
<groupId>com.github.sgroschupfgroupId>
<artifactId>zkclientartifactId>
<version>${zkclient.version}version>
dependency>
<dependency>
<groupId>junitgroupId>
<artifactId>junitartifactId>
<version>4.12version>
dependency>
<dependency>
<groupId>com.alibabagroupId>
<artifactId>fastjsonartifactId>
<version>1.2.47version>
dependency>
<dependency>
<groupId>javassistgroupId>
<artifactId>javassistartifactId>
<version>3.12.1.GAversion>
dependency>
<dependency>
<groupId>commons-codecgroupId>
<artifactId>commons-codecartifactId>
<version>1.10version>
dependency>

<dependency>
<groupId>com.github.pagehelpergroupId>
<artifactId>pagehelperartifactId>
<version>${pagehelper.version}version>
dependency>

<dependency>
<groupId>org.mybatisgroupId>
<artifactId>mybatisartifactId>
<version>${mybatis.version}version>
dependency>
<dependency>
<groupId>org.mybatisgroupId>
<artifactId>mybatis-springartifactId>
<version>${mybatis.spring.version}version>
dependency>
<dependency>
<groupId>com.github.miemiedevgroupId>
<artifactId>mybatis-paginatorartifactId>
<version>${mybatis.paginator.version}version>
dependency>

<dependency>
<groupId>mysqlgroupId>
<artifactId>mysql-connector-javaartifactId>
<version>${mysql.version}version>
dependency>

<dependency>
<groupId>com.alibabagroupId>
<artifactId>druidartifactId>
<version>${druid.version}version>
dependency>

<dependency>
<groupId>commons-fileuploadgroupId>
<artifactId>commons-fileuploadartifactId>
<version>${commons-fileupload.version}version>
dependency>

<dependency>
<groupId>org.quartz-schedulergroupId>
<artifactId>quartzartifactId>
<version>${quartz.version}version>
dependency>
<dependency>
<groupId>org.quartz-schedulergroupId>
<artifactId>quartz-jobsartifactId>
<version>${quartz.version}version>
dependency>
<dependency>
<groupId>com.sun.jerseygroupId>
<artifactId>jersey-clientartifactId>
<version>1.18.1version>
dependency>

<dependency>
<groupId>com.qiniugroupId>
<artifactId>qiniu-java-sdkartifactId>
<version>7.2.0version>
dependency>

<dependency>
<groupId>org.apache.poigroupId>
<artifactId>poiartifactId>
<version>${poi.version}version>
dependency>
<dependency>
<groupId>org.apache.poigroupId>
<artifactId>poi-ooxmlartifactId>
<version>${poi.version}version>
dependency>

<dependency>
<groupId>redis.clientsgroupId>
<artifactId>jedisartifactId>
<version>${jedis.version}version>
dependency>

<dependency>
<groupId>org.springframework.securitygroupId>
<artifactId>spring-security-webartifactId>
<version>${spring.security.version}version>
dependency>
<dependency>
<groupId>org.springframework.securitygroupId>
<artifactId>spring-security-configartifactId>
<version>${spring.security.version}version>
dependency>
<dependency>
<groupId>org.springframework.securitygroupId>
<artifactId>spring-security-taglibsartifactId>
<version>${spring.security.version}version>
dependency>
<dependency>
<groupId>com.github.pengglegroupId>
<artifactId>kaptchaartifactId>
<version>2.3.2version>
<exclusions>
<exclusion>
<groupId>javax.servletgroupId>
<artifactId>javax.servlet-apiartifactId>
exclusion>
exclusions>
dependency>
<dependency>
<groupId>dom4jgroupId>
<artifactId>dom4jartifactId>
<version>1.6.1version>
dependency>
<dependency>
<groupId>xml-apisgroupId>
<artifactId>xml-apisartifactId>
<version>1.4.01version>
dependency>
dependencies>
dependencyManagement>
<dependencies>
<dependency>
<groupId>javax.servletgroupId>
<artifactId>servlet-apiartifactId>
<version>${servlet-api.version}version>
<scope>providedscope>
dependency>
dependencies>
<build>
<plugins>

<plugin>
<groupId>org.apache.maven.pluginsgroupId>
<artifactId>maven-compiler-pluginartifactId>
<version>3.2version>
<configuration>
<source>1.8source>
<target>1.8target>
<encoding>UTF-8encoding>
configuration>
plugin>
plugins>
build>

project>

2.2.2. meinian_common

【路径】

1：创建工程

2：导入坐标(继承父工程、导入所有jar包)

【讲解】

1：创建meinian_common，子工程，打包方式为jar，存放通用组件，例如工具类等

540e742012c79fbb352fed6c3fbd2e38.png

2：pom.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<parent>
<artifactId>meinian_parentartifactId>
<groupId>com.atguigugroupId>
<version>1.0-SNAPSHOTversion>
parent>
<modelVersion>4.0.0modelVersion>

<artifactId>meinian_commonartifactId>

<packaging>jarpackaging>

<dependencies>
<dependency>
<groupId>com.github.pagehelpergroupId>
<artifactId>pagehelperartifactId>
dependency>

<dependency>
<groupId>org.mybatisgroupId>
<artifactId>mybatisartifactId>
dependency>
<dependency>
<groupId>org.mybatisgroupId>
<artifactId>mybatis-springartifactId>
dependency>
<dependency>
<groupId>com.github.miemiedevgroupId>
<artifactId>mybatis-paginatorartifactId>
dependency>

<dependency>
<groupId>mysqlgroupId>
<artifactId>mysql-connector-javaartifactId>
dependency>

<dependency>
<groupId>com.alibabagroupId>
<artifactId>druidartifactId>
dependency>
<dependency>
<groupId>commons-fileuploadgroupId>
<artifactId>commons-fileuploadartifactId>
dependency>

<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-contextartifactId>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-beansartifactId>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-webartifactId>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-webmvcartifactId>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-jdbcartifactId>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-aspectsartifactId>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-jmsartifactId>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-context-supportartifactId>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-testartifactId>
dependency>

<dependency>
<groupId>com.alibabagroupId>
<artifactId>dubboartifactId>
dependency>
<dependency>
<groupId>org.apache.zookeepergroupId>
<artifactId>zookeeperartifactId>
dependency>
<dependency>
<groupId>com.github.sgroschupfgroupId>
<artifactId>zkclientartifactId>
dependency>
<dependency>
<groupId>junitgroupId>
<artifactId>junitartifactId>
dependency>
<dependency>
<groupId>com.alibabagroupId>
<artifactId>fastjsonartifactId>
dependency>
<dependency>
<groupId>javassistgroupId>
<artifactId>javassistartifactId>
dependency>
<dependency>
<groupId>commons-codecgroupId>
<artifactId>commons-codecartifactId>
dependency>

<dependency>
<groupId>org.apache.poigroupId>
<artifactId>poiartifactId>
dependency>
<dependency>
<groupId>org.apache.poigroupId>
<artifactId>poi-ooxmlartifactId>
dependency>

<dependency>
<groupId>redis.clientsgroupId>
<artifactId>jedisartifactId>
dependency>

<dependency>
<groupId>com.qiniugroupId>
<artifactId>qiniu-java-sdkartifactId>
dependency>
<dependency>
<groupId>com.sun.jerseygroupId>
<artifactId>jersey-clientartifactId>
dependency>

<dependency>
<groupId>org.springframework.securitygroupId>
<artifactId>spring-security-webartifactId>
dependency>
<dependency>
<groupId>org.springframework.securitygroupId>
<artifactId>spring-security-configartifactId>
dependency>
<dependency>
<groupId>org.springframework.securitygroupId>
<artifactId>spring-security-taglibsartifactId>
dependency>
<dependency>
<groupId>javax.servletgroupId>
<artifactId>servlet-apiartifactId>
<version>2.5version>

dependency>
<dependency>
<groupId>javax.servletgroupId>
<artifactId>jsp-apiartifactId>
<version>2.0version>

dependency>

<dependency>
<groupId>javax.servletgroupId>
<artifactId>jstlartifactId>
<version>1.2version>
dependency>
dependencies>
project>

2.2.3. meinian_pojo

【路径】

1：创建工程

2：导入坐标(继承父工程、依赖health_common)

【讲解】

1：创建meinian_pojo，子工程，打包方式为jar，存放POJO实体类

09c7d606d85a88e4528b61daffbad740.png

2：pom.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<parent>
<artifactId>meinian_parentartifactId>
<groupId>com.atguigugroupId>
<version>1.0-SNAPSHOTversion>
parent>
<modelVersion>4.0.0modelVersion>

<artifactId>meinian_pojoartifactId>

<packaging>jarpackaging>
<dependencies>
<dependency>
<groupId>com.atguigugroupId>
<artifactId>meinian_commonartifactId>
<version>1.0-SNAPSHOTversion>
dependency>
dependencies>
project>

2.2.4. meinian_dao

【路径】

1：创建工程

2：导入坐标(继承父工程、依赖meinian_pojo)

3：log4j.properties

4：sqlMapConfig.xml(mybatis的配置文件)

5：applicationContext-dao.xml(spring整合mybatis,配置Druid数据源)

6：接口类(后续添加实体后，再创建)

7：接口类对应的映射文件(后续添加实体后，再创建)

【讲解】

1：创建meinian_dao，子工程，打包方式为jar，存放Dao接口和Mybatis映射文件

97606704fec077f964ee473cf5940e21.png

2：pom.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<parent>
<artifactId>meinian_parentartifactId>
<groupId>com.atguigugroupId>
<version>1.0-SNAPSHOTversion>
parent>
<modelVersion>4.0.0modelVersion>

<artifactId>meinian_daoartifactId>

<packaging>jarpackaging>

<dependencies>
<dependency>
<groupId>com.atguigugroupId>
<artifactId>meinian_pojoartifactId>
<version>1.0-SNAPSHOTversion>
dependency>
dependencies>
project>

3：log4j.properties

在 resources 目录下面 新建 log4j.properties 日志文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
### direct log messages to stdout ###
log4j.appender.stdout=org.apache.log4j.ConsoleAppender
log4j.appender.stdout.Target=System.err
log4j.appender.stdout.layout=org.apache.log4j.PatternLayout
log4j.appender.stdout.layout.ConversionPattern=%d{ABSOLUTE} %5p %c{1}:%L - %m%n

### direct messages to file mylog.log ###
log4j.appender.file=org.apache.log4j.FileAppender
log4j.appender.file.File=c:\\mylog.log
log4j.appender.file.layout=org.apache.log4j.PatternLayout
log4j.appender.file.layout.ConversionPattern=%d{ABSOLUTE} %5p %c{1}:%L - %m%n

### set log levels - for more verbose logging change 'info' to 'debug' ###

log4j.rootLogger=debug, stdout

4：sqlMapConfig.xml

1
2
3
4
5
6
7
8
9
10
11
12
<?xml version="1.0" encoding="UTF-8" ?>
br  />        "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>
<plugins>

<plugin interceptor="com.github.pagehelper.PageHelper">

<property name="dialect" value="mysql"/>
plugin>
plugins>
configuration>

分页插件网址：https://pagehelper.github.io/

5：applicationContext-dao.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"xmlns:context="http://www.springframework.org/schema/context"xmlns:p="http://www.springframework.org/schema/p"xmlns:aop="http://www.springframework.org/schema/aop"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
                     http://www.springframework.org/schema/util
                     http://www.springframework.org/schema/util/spring-util.xsd">

<bean id="dataSource"class="com.alibaba.druid.pool.DruidDataSource" destroy-method="close">
<property name="username" value="root" />
<property name="password" value="root" />
<property name="driverClassName" value="com.mysql.jdbc.Driver" />
<property name="url" value="jdbc:mysql://127.0.0.1:3306/meinian?characterEncoding=utf8" />
bean>

<bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
<property name="dataSource" ref="dataSource" />
<property name="typeAliasesPackage" value="com.atguigu.pojo">property>
<property name="configLocation" value="classpath:sqlMapConfig.xml" />
bean>

<bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">

<property name="basePackage" value="com.atguigu.dao" />
bean>
beans>

2.2.5. meinian_interface

【路径】

1：创建工程

2：导入坐标(继承父工程，依赖health_pojo)

【讲解】

1：创建meinian_interface，子工程，打包方式为jar，存放服务接口

ecb46b6cb82693062f8554c489d4f4b3.png

2：pom.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<parent>
<artifactId>meinian_parentartifactId>
<groupId>com.atguigugroupId>
<version>1.0-SNAPSHOTversion>
parent>
<modelVersion>4.0.0modelVersion>

<artifactId>meinian_interfaceartifactId>
<packaging>jarpackaging>

<dependencies>
<dependency>
<groupId>com.atguigugroupId>
<artifactId>meinian_pojoartifactId>
<version>1.0-SNAPSHOTversion>
dependency>
dependencies>

project>

2.2.6. meinian_service

【路径】

1：创建工程

2：导入坐标(继承父工程、依赖meinian_interface、meinian_dao)(war包)

3：log4j.properties

4：applicationContext-tx.xml(spring的声明式事务处理，配置DataSource数据源事务管理器)

5：applicationContext-service.xml(spring整合dubbo，服务提供者)

6：web.xml(spring的监听器，当web容器启动的时候，自动加载spring容器)

【讲解】

1：创建meinian_service，子工程，打包方式为war，作为服务单独部署，存放服务类

08463cdfa0bad546f00b0bb3cb5cc66e.png

2：pom.xml

需要设置 war

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<parent>
<artifactId>meinian_parentartifactId>
<groupId>com.atguigugroupId>
<version>1.0-SNAPSHOTversion>
parent>
<modelVersion>4.0.0modelVersion>

<artifactId>meinian_serviceartifactId>

<packaging>warpackaging>
<dependencies>
<dependency>
<groupId>com.atguigugroupId>
<artifactId>meinian_interfaceartifactId>
<version>1.0-SNAPSHOTversion>
dependency>
<dependency>
<groupId>com.atguigugroupId>
<artifactId>meinian_daoartifactId>
<version>1.0-SNAPSHOTversion>
dependency>
dependencies>
<build>
<plugins>
<plugin>
<groupId>org.apache.tomcat.mavengroupId>
<artifactId>tomcat7-maven-pluginartifactId>
<configuration>

<port>81port>

<path>/path>
configuration>
plugin>
plugins>
build>

project>

3：log4j.properties

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
### direct log messages to stdout ###
log4j.appender.stdout=org.apache.log4j.ConsoleAppender
log4j.appender.stdout.Target=System.err
log4j.appender.stdout.layout=org.apache.log4j.PatternLayout
log4j.appender.stdout.layout.ConversionPattern=%d{ABSOLUTE} %5p %c{1}:%L - %m%n

### direct messages to file mylog.log ###
log4j.appender.file=org.apache.log4j.FileAppender
log4j.appender.file.File=c:\\mylog.log
log4j.appender.file.layout=org.apache.log4j.PatternLayout
log4j.appender.file.layout.ConversionPattern=%d{ABSOLUTE} %5p %c{1}:%L - %m%n

### set log levels - for more verbose logging change 'info' to 'debug' ###

log4j.rootLogger=debug, stdout

4：applicationContext-tx.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<?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:context="http://www.springframework.org/schema/context"xmlns:tx="http://www.springframework.org/schema/tx"xmlns:mvc="http://www.springframework.org/schema/mvc"xsi:schemaLocation="http://www.springframework.org/schema/beans
                        http://www.springframework.org/schema/beans/spring-beans.xsd
                        http://www.springframework.org/schema/mvc
                        http://www.springframework.org/schema/mvc/spring-mvc.xsd
                        http://www.springframework.org/schema/tx
                        http://www.springframework.org/schema/tx/spring-tx.xsd
                        http://www.springframework.org/schema/context
                        http://www.springframework.org/schema/context/spring-context.xsd">

<bean id="transactionManager"class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
<property name="dataSource" ref="dataSource"/>
bean>

<tx:annotation-driven transaction-manager="transactionManager" proxy-target-class="true"/>
beans>

5：applicationContext-service.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?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:context="http://www.springframework.org/schema/context"xmlns:dubbo="http://code.alibabatech.com/schema/dubbo"xmlns:mvc="http://www.springframework.org/schema/mvc"xsi:schemaLocation="http://www.springframework.org/schema/beans
                            http://www.springframework.org/schema/beans/spring-beans.xsd
                            http://www.springframework.org/schema/mvc
                            http://www.springframework.org/schema/mvc/spring-mvc.xsd
                            http://code.alibabatech.com/schema/dubbo
                            http://code.alibabatech.com/schema/dubbo/dubbo.xsd
                            http://www.springframework.org/schema/context
                            http://www.springframework.org/schema/context/spring-context.xsd">

<dubbo:application name="meinian_service"/>

<dubbo:protocol name="dubbo" port="20887"/>

<dubbo:registry address="zookeeper://127.0.0.1:2181"/>

<dubbo:annotation package="com.atguigu.service"/>
beans>

6：web.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xmlns="http://java.sun.com/xml/ns/javaee"xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"id="WebApp_ID" version="3.0">


<context-param>
<param-name>contextConfigLocationparam-name>
<param-value>classpath*:applicationContext*.xmlparam-value>
context-param>
<listener>
<listener-class>org.springframework.web.context.ContextLoaderListenerlistener-class>
listener>
web-app>

2.2.7. meinian_web

【路径】

1：创建工程

2：导入坐标(继承父工程、依赖meinian_interface)

3：log4j.properties

4：springmvc.xml(spring整合dubbo，服务消费者；springmvc的配置、上传组件)

5：web.xml(springmvc的核心控制器，当web容器启动的时候，自动加载springmvc.xml)

【讲解】

1：创建meinian_web，子工程，打包方式为war，单独部署，存放Controller

5613c2422875bb3bc6a2bfb56b7ada0f.png

2：pom.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<parent>
<artifactId>meinian_parentartifactId>
<groupId>com.atguigugroupId>
<version>1.0-SNAPSHOTversion>
parent>
<modelVersion>4.0.0modelVersion>

<artifactId>meinian_webartifactId>

<packaging>warpackaging>
<dependencies>
<dependency>
<groupId>com.atguigugroupId>
<artifactId>meinian_interfaceartifactId>
<version>1.0-SNAPSHOTversion>
dependency>
dependencies>
<build>
<plugins>
<plugin>
<groupId>org.apache.tomcat.mavengroupId>
<artifactId>tomcat7-maven-pluginartifactId>
<configuration>

<port>82port>

<path>/path>
configuration>
plugin>
plugins>
build>

project>

3：log4j.properties

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
### direct log messages to stdout ###
log4j.appender.stdout=org.apache.log4j.ConsoleAppender
log4j.appender.stdout.Target=System.err
log4j.appender.stdout.layout=org.apache.log4j.PatternLayout
log4j.appender.stdout.layout.ConversionPattern=%d{ABSOLUTE} %5p %c{1}:%L - %m%n

### direct messages to file mylog.log ###
log4j.appender.file=org.apache.log4j.FileAppender
log4j.appender.file.File=c:\\mylog.log
log4j.appender.file.layout=org.apache.log4j.PatternLayout
log4j.appender.file.layout.ConversionPattern=%d{ABSOLUTE} %5p %c{1}:%L - %m%n

### set log levels - for more verbose logging change 'info' to 'debug' ###

log4j.rootLogger=info, stdout

4：springmvc.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<?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:context="http://www.springframework.org/schema/context"xmlns:dubbo="http://code.alibabatech.com/schema/dubbo"xmlns:mvc="http://www.springframework.org/schema/mvc"xsi:schemaLocation="http://www.springframework.org/schema/beans
                  http://www.springframework.org/schema/beans/spring-beans.xsd
                  http://www.springframework.org/schema/mvc
                  http://www.springframework.org/schema/mvc/spring-mvc.xsd
                  http://code.alibabatech.com/schema/dubbo
                  http://code.alibabatech.com/schema/dubbo/dubbo.xsd
                  http://www.springframework.org/schema/context
                  http://www.springframework.org/schema/context/spring-context.xsd">
<mvc:annotation-driven>



<mvc:message-converters register-defaults="true">



<bean class="com.alibaba.fastjson.support.spring.FastJsonHttpMessageConverter">
<property name="supportedMediaTypes" value="application/json"/>
<property name="features">
<list>

<value>WriteMapNullValuevalue>

<value>WriteDateUseDateFormatvalue>
list>
property>
bean>
mvc:message-converters>
mvc:annotation-driven>

<dubbo:application name="meinian_web" />

<dubbo:registry address="zookeeper://127.0.0.1:2181"/>

<dubbo:annotation package="com.atguigu.controller" />

<dubbo:consumer timeout="600000" check="false"/>

<bean id="multipartResolver"class="org.springframework.web.multipart.commons.CommonsMultipartResolver">

<property name="maxUploadSize" value="104857600" />

<property name="maxInMemorySize" value="4096" />

<property name="defaultEncoding" value="UTF-8"/>
bean>
beans>

FastJsonHttpMessageConverter配置定义了 @ResponseBody 支持的返回类型， json对空键值的处理方式 和 统一的日期返回格式(格式：yyyy-MM-dd)

5：web.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xmlns="http://java.sun.com/xml/ns/javaee"xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"id="WebApp_ID" version="3.0">


<filter>
<filter-name>CharacterEncodingFilterfilter-name>
<filter-class>org.springframework.web.filter.CharacterEncodingFilterfilter-class>
<init-param>
<param-name>encodingparam-name>
<param-value>utf-8param-value>
init-param>
<init-param>
<param-name>forceEncodingparam-name>
<param-value>trueparam-value>
init-param>
filter>
<filter-mapping>
<filter-name>CharacterEncodingFilterfilter-name>
<url-pattern>/*url-pattern>
filter-mapping>
<servlet>
<servlet-name>springmvcservlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServletservlet-class>

<init-param>
<param-name>contextConfigLocationparam-name>
<param-value>classpath:springmvc.xmlparam-value>
init-param>
<load-on-startup>1load-on-startup>
servlet>
<servlet-mapping>
<servlet-name>springmvcservlet-name>
<url-pattern>*.dourl-pattern>
servlet-mapping>
web-app>

这里，我们使用 *.do 的方式，表示只拦截.do结尾的url。

2.2.8. 测试

拷贝zookeeper-3.4.5.tar.gz

0bb0d9904baa23766216f02e7813593b.png

我们可以不发布到linux上，放置到window上也是可以的。可以放置到D盘sortware上，避免出现中文。

解压

1625edb1a13562f534ec87a988c10deb.png

第1步：创建data 文件夹

第2步：修改conf下的zoo_simple.cfg文件，改名为zoo.cfg

第3步：配置zoo.cfg

9a4d8b1403ef7472c4d121103b84dd90.png

第4步：启动Zookeeper后，然后启动 meinian_service和 meinian_web

运行程序报错

23f4c37063c60c9dc155bdb12556894c.png

【小结】

0：项目结构

1：父工程meinian_parent

2：子工程meinian_common(工具类)

3：子工程meinian_pojo(实体类)

4：子工程meinian_dao(Dao类)

5：子工程meinian_interface(接口方法，用在dubbo数据调用)

6：子工程meinian_service(Service类)

7：子工程meinian_web(表现层)

8：测试

weixin_39670627
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue如何截取字符串
10-17
主要介绍了vue如何截取字符串，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue 字符存在_vue如何截取字符串
weixin_39954889的博客
12-19 1791
在后端有许多的封装方法来截取字符串或者对字符串的操作，同样前端也有相应的方法。有一个data数据为ipaddrdata() {return {ipaddr: "192.168.100.110",};},1、现在需要切割成一个数组，得到四个ip值,只需要通过计算属性就可以实现computed：{ipaddrArray：function(){return this.ipaddr.split('.')}...
VUE 截取字符串的方法
07-30
适合刚刚进入(JavaScript，Vue)编程领域的小白使用
vue截取字符串
热门推荐
weixin_45816407的博客
03-10 2万+
let str = 'abcdef'; // 0 str = str.slice(0);//返回整个字符串 abcdef str = str.substring(0);//返回整个字符串 abcdef str = str.substr(0);//返回整个字符串 abcdef // 使用一个参数 str = str.slice(2);//截取第二个之后所有的字符 cdef 即从第三位开始 str = str.substring(2);//截取第二个之后所有的字符 cdef str = str.substr(2
vue 截取字符串方法
宁夏前端工程师，马卫斌，wx：1457508895
01-29 1万+
vue 截取字符串方法
dubbo-vue-server-master.zip_dubbo vue_java 前 分离_vue_分布式_分布式后台管理系
07-14
采用前后端分离的模式，前端基于Vue+Element，后端基于Spring MVC，用Dubbo提供分布式服务，前端可以部署到nginx，后端Web可以部署到Tomcat，Dubbo服务可以作为独立的java进程运行，这种架构各层都比较容易实现横向...
解决vue字符串换行问题(绝对管用)
10-14
主要介绍了解决vue字符串换行问题(绝对管用)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue 截取字符串的方法
花生日记
05-29 1万+
3、 vue中截取字符串的方法，在vue-cli中可以实现，具体可以参考以下代码： 以上三种截取字符串的方式，我们可以根据自己的需要来选择使用，不同的需求，需要选择不同的方式。现在有很多的应用场景都需要进行表单数据的获取，比如要获取用户的手机号，如果我们直接使用 SQL来进行查询，肯定会花费大量的时间和精力，这个时候我们就可以直接使用 Vue中的 sql来获取表单数据。这就是 sql的使用方法。通过对比这个函数，我们可以看到，每个月的数据都不同，通过这样的方式，我们可以很直观的看到每个月不同的数据。
【VUE】字符串截取，数字截取
SZnAl的博客
09-28 9277
js字符串截取 数字截取方法整理
vue结合html实时截取textarea文本
07-12
vue结合html实时截取textarea文本，获取鼠标下标，截取自定义文本，不错的demo
vue 截取字符串
qq_42243957的博客
08-20 703
let str = 'abcdef'; // 0 str = str.slice(0);//返回整个字符串 abcdef str = str.substring(0);//返回整个字符串 abcdef str = str.substr(0);//返回整个字符串 abcdef // 使用一个参数 str = str.slice(2);//截取第二个之后所有的字符 cdef str = str.substring(2);//截取第二个之后所有的字符 cdef str = str.substr(2);//截取第二
Vue 页面绑值后截取字符串substring()、substr()、slice()
大胖东的博客
03-03 1万+
Vue 页面绑值后截取字符串 一、substring() substring()方法返回一个索引和另一个索引之间的字符串 以下是一些示例代码： var str = 'abcdefghij'; console.log('(1, 2): ' + str.substring(1, 2)); // '(1, 2): b' console.log('(1, 1): ' + str.substring(1, 1)); // '(1, 1): ' console.log('(-3, 2): ' + st
python字符串查找某个字符_Python数据类型之字符串
weixin_39662462的博客
11-27 220
# 字符串是python中最常用的数据类型，我们可以使用引号来创建字符串，引号可以是单引号，双引号或三引号，本质上单引号和双引号以及三引号的作用是一样的# 字符串是一种不可变的序列类型，单个字符从左到右按照顺序排列，同时修改某个位置的字符是不被允许的# 在Python3中，字符串可以分为三类，str用于Unicode文本，bytes用于二进制数据，bytearray是bytes的一种可变的变体# ...
截取字符串
zcj18537150970的博客
10-28 111
Substring(hospcode,len(hospcode)-9,9)
字符串截取字符串截取,substring
Dr_abandon的博客
08-20 1161
字符串截取,substring(int beginIndex) 返回一个新的字符串，它是此字符串的一个子字符串。是从第beginIndex位开始截取。 substring(int beginIndex, int endIndex) 返回一个新字符串，它是此字符串的一个子字符串。 beginIndex - 起始索引。（从0开始） endIndex - 结束索引。 “helloworld”.su
VUE字符串截取的小坑（substr、substring）
笨qiao先飞
03-28 5522
js里面有俩个字符串截取的函数 1、 substring 2、substr 这俩个函数是有区别的，由于本人是VUE小白 之前一直用着 substr 最近在做另外一个项目的时候发现这个函数拿到的数据和我预期中的不一样，于是就测试了一下，就发现了问题。 下面一个实例大家来猜一下结果： var textStr = '0123456789'; var textSubStr = textStr.substr(2,4); console.log("textSubStr",textSubS
截取某个字符串之前或者之后的字符
qq_35547053的博客
01-18 1649
截取某个字符串之前或者之后的字符
vue（javaScript） 操作字符串的常用方法
最新发布
2301_77456141的博客
11-01 3908
该方法类似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字符串的位置。：该方法会返回指定索引位置字符的 Unicode 值，返回值是 0 - 65535 之间的整数，表示给定索引处的 UTF-16 代码单元，如果指定位置没有字符，将返回。上面说了，如果start是负数，则该参数规定的是从字符串的尾部开始算起的位置。该方法和indexOf()类似，只是查找的顺序不一样，indexOf()是正序查找，lastIndexOf()是逆序查找。否则，它只替换第一个匹配子串。
vue字符串截取指定内容
05-18
假设要截取字符串`var str = 'Hello, Vue!';`中的`Vue`，可以使用以下代码： ```javascript // 使用substring()方法 var vueStr = str.substring(7, 10); // 从第7个字符开始截取，到第10个字符结束（不包括第10个...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值