使用Vue写一个登陆页面并在管理页面查看和修改

注册页面
代码如下
html

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>注册</title>
 6     <link rel="stylesheet" href="css/register.css">
 7     <link rel="stylesheet" href="lib/bootstrap-3.3.7.css">
 8     <script src="lib/vue-2.4.0.js"></script>
 9 </head>
10 <body>
11 <div id="app">
12 
13     <div class="container">
14         <div class="center-block">
15             <form class="form-signin input-group-lg col-lg-5 col-md-offset-3" @submit="checkForm">
16 
17                 <h2 class="form-signin-heading">用户注册</h2>
18 
19                 <label for="username"></label>
20                 <input type="text" id="username" class="form-control" placeholder="用户名" v-model="username">
21 
22                 <label for="email" class="sr-only">邮件</label>
23                 <input type="email" id="email" class="form-control" placeholder="邮件地址" v-model="email">
24 
25                 <label for="password" class="sr-only">密码</label>
26                 <input type="password" id="password" class="form-control" placeholder="密码" v-model="password">
27 
28                 <label for="telephone" class="sr-only">电话</label>
29                 <input type="text" id="telephone" class="form-control" placeholder="请输入你的电话" v-model="telephone">
30 
31                 <div class="checkbox">
32                     <label>
33                         <input type="checkbox" value="remember-me"> 记住我
34                     </label>
35                 </div>
36                 <button class="btn btn-lg btn-primary btn-block" type="submit button" @click="addUserInfo">注册</button>
37             </form>
38         </div>
39 
40     </div>
41     <div id="error" class="container col-md-offset-4">
42         <p v-if="errors.length">
43             <b>错误的结果:</b>
44         <ul>
45             <li v-for="error in errors">{{ error }}</li>
46         </ul>
47         </p>
48     </div>
49 
50     <!--<div v-if="userInfo.length === 0">-->
51 
52     <!--</div>-->
53     <!--<div id="jieshou" class="container col-md-offset-4" v-else>-->
54         <!--<ul v-for="(item,index) in userInfo">-->
55             <!--<li>用户名：{{item.username}}</li>-->
56             <!--<li>密码：{{item.password}}</li>-->
57             <!--<li>电话：{{item.telephone}}</li>-->
58             <!--<li>邮件:{{item.email}}</li>-->
59         <!--</ul>-->
60     </div>
61 
62 </div>
63 </body>
64 </html>
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>注册</title>
 6     <link rel="stylesheet" href="css/register.css">
 7     <link rel="stylesheet" href="lib/bootstrap-3.3.7.css">
 8     <script src="lib/vue-2.4.0.js"></script>
 9 </head>
10 <body>
11 <div id="app">
12 
13     <div class="container">
14         <div class="center-block">
15             <form class="form-signin input-group-lg col-lg-5 col-md-offset-3" @submit="checkForm">
16 
17                 <h2 class="form-signin-heading">用户注册</h2>
18 
19                 <label for="username"></label>
20                 <input type="text" id="username" class="form-control" placeholder="用户名" v-model="username">
21 
22                 <label for="email" class="sr-only">邮件</label>
23                 <input type="email" id="email" class="form-control" placeholder="邮件地址" v-model="email">
24 
25                 <label for="password" class="sr-only">密码</label>
26                 <input type="password" id="password" class="form-control" placeholder="密码" v-model="password">
27 
28                 <label for="telephone" class="sr-only">电话</label>
29                 <input type="text" id="telephone" class="form-control" placeholder="请输入你的电话" v-model="telephone">
30 
31                 <div class="checkbox">
32                     <label>
33                         <input type="checkbox" value="remember-me"> 记住我
34                     </label>
35                 </div>
36                 <button class="btn btn-lg btn-primary btn-block" type="submit button" @click="addUserInfo">注册</button>
37             </form>
38         </div>
39 
40     </div>
41     <div id="error" class="container col-md-offset-4">
42         <p v-if="errors.length">
43             <b>错误的结果:</b>
44         <ul>
45             <li v-for="error in errors">{{ error }}</li>
46         </ul>
47         </p>
48     </div>
49 
50     <!--<div v-if="userInfo.length === 0">-->
51 
52     <!--</div>-->
53     <!--<div id="jieshou" class="container col-md-offset-4" v-else>-->
54         <!--<ul v-for="(item,index) in userInfo">-->
55             <!--<li>用户名：{{item.username}}</li>-->
56             <!--<li>密码：{{item.password}}</li>-->
57             <!--<li>电话：{{item.telephone}}</li>-->
58             <!--<li>邮件:{{item.email}}</li>-->
59         <!--</ul>-->
60     </div>
61 
62 </div>
63 </body>
64 </html>

 


javascript

 1 <script>
 2 
 3     var vm = new Vue({
 4         el: '#app',
 5         data: {
 6             errors: [],
 7             username: null,
 8             email: null,
 9             password: null,
10             telephone: null,
11             userInfo: JSON.parse(localStorage.getItem('userInfo')) || []
12         },
13         methods: {
14             checkForm: function (e) {
15                 if (this.username && this.email && this.password && this.telephone) {
16                     return true;
17                 }
18 
19                 this.errors = [];
20 
21                 if (!this.username) {
22                     this.errors.push('请输入用户名');
23                 } else if (!this.vaildUsername(this.username)) {
24                     this.errors.push('请输入4-16个英文大小写和数字的组合');
25                 }
26 
27                 if (!this.email) {
28                     this.errors.push('请输入邮件');
29                 } else if (!this.vaildEmail(this.email)) {
30                     this.errors.push('邮件格式为xx@xx.com');
31                 }
32 
33                 if (!this.password) {
34                     this.errors.push('请输入密码');
35                 } else if (!this.vaildPassword(this.password)) {
36                     this.errors.push('密码有误');
37                 }
38 
39                 if (!this.telephone) {
40                     this.errors.push('请输入手机号');
41                 } else if (!this.vaildTelephone(this.telephone)) {
42                     this.errors.push('手机号为11个纯数字组合')
43                 }
44 
45                 e.preventDefault();
46             },
47 
48             vaildUsername: function (username) {   //用户名表单效验
49                 var re = /^[a-zA-Z0-9_-]{4,16}$/;
50                 return re.test(username);
51             },
52 
53             vaildEmail: function (email) {  //表单邮件的效验
54                 var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
55                 return re.test(email);
56             },
57 
58             vaildPassworld: function (password) {    //表单密码的效验
59                 var re = /^[a-zA-Z0-9_-]{4,16}$/;
60                 return re.test(password);
61             },
62 
63             vaildTelephone: function (telephone) {    //表单电话的效验
64                 var re = /^\d{11,20}$/;
65                 return re.test(telephone);
66             },
67 
68             addUserInfo() {
69                 if (this.username && this.password && this.email && this.telephone) {
70                     var obj = {
71                         username: this.username,
72                         password: this.password,
73                         email: this.email,
74                         telephone: this.telephone
75                     }
76                     this.userInfo.push(obj)
77                     localStorage.setItem('userInfo', JSON.stringify(this.userInfo))
78                     this.username = ''
79                     this.password = ''
80                     this.email = ''
81                     this.telephone = ''
82                 }
83                 window.open('management.html')
84             }
85 
86         }
87     })
88 </script>
 1 <script>
 2 
 3     var vm = new Vue({
 4         el: '#app',
 5         data: {
 6             errors: [],
 7             username: null,
 8             email: null,
 9             password: null,
10             telephone: null,
11             userInfo: JSON.parse(localStorage.getItem('userInfo')) || []
12         },
13         methods: {
14             checkForm: function (e) {
15                 if (this.username && this.email && this.password && this.telephone) {
16                     return true;
17                 }
18 
19                 this.errors = [];
20 
21                 if (!this.username) {
22                     this.errors.push('请输入用户名');
23                 } else if (!this.vaildUsername(this.username)) {
24                     this.errors.push('请输入4-16个英文大小写和数字的组合');
25                 }
26 
27                 if (!this.email) {
28                     this.errors.push('请输入邮件');
29                 } else if (!this.vaildEmail(this.email)) {
30                     this.errors.push('邮件格式为xx@xx.com');
31                 }
32 
33                 if (!this.password) {
34                     this.errors.push('请输入密码');
35                 } else if (!this.vaildPassword(this.password)) {
36                     this.errors.push('密码有误');
37                 }
38 
39                 if (!this.telephone) {
40                     this.errors.push('请输入手机号');
41                 } else if (!this.vaildTelephone(this.telephone)) {
42                     this.errors.push('手机号为11个纯数字组合')
43                 }
44 
45                 e.preventDefault();
46             },
47 
48             vaildUsername: function (username) {   //用户名表单效验
49                 var re = /^[a-zA-Z0-9_-]{4,16}$/;
50                 return re.test(username);
51             },
52 
53             vaildEmail: function (email) {  //表单邮件的效验
54                 var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
55                 return re.test(email);
56             },
57 
58             vaildPassworld: function (password) {    //表单密码的效验
59                 var re = /^[a-zA-Z0-9_-]{4,16}$/;
60                 return re.test(password);
61             },
62 
63             vaildTelephone: function (telephone) {    //表单电话的效验
64                 var re = /^\d{11,20}$/;
65                 return re.test(telephone);
66             },
67 
68             addUserInfo() {
69                 if (this.username && this.password && this.email && this.telephone) {
70                     var obj = {
71                         username: this.username,
72                         password: this.password,
73                         email: this.email,
74                         telephone: this.telephone
75                     }
76                     this.userInfo.push(obj)
77                     localStorage.setItem('userInfo', JSON.stringify(this.userInfo))
78                     this.username = ''
79                     this.password = ''
80                     this.email = ''
81                     this.telephone = ''
82                 }
83                 window.open('management.html')
84             }
85 
86         }
87     })
88 </script>

 



管理页面
html代码

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <script src="lib/vue-2.4.0.js"></script>
 8 <link rel="stylesheet" href="lib/bootstrap-3.3.7.css">
 9 <body>
10 
11 <div id="app">
12 
13     <div class="panel panel-primary">
14         <div class="panel-heading">
15             <h3 class="panel-title">添加用户</h3>
16         </div>
17         <div class="panel-body form-inline">
18             <label>
19                 用户名:
20                 <input type="text" class="form-control" v-model="id">
21             </label>
22             <label>
23                 密码:
24                 <input type="text" class="form-control" v-model="pass">
25             </label>
26             <label>
27                 邮件:
28                 <input type="text" class="form-control" v-model="Email">
29             </label>
30             <label>
31                 电话:
32                 <input type="text" class="form-control" v-model="tel">
33             </label>
34 
35             <input type="button" value="添加" class="btn btn-primary" @click="add()">
36 
37             <label>
38                 搜索关键字:
39                 <input type="text" class="form-control" v-model="keywords">
40             </label>
41         </div>
42     </div>
43 
44 
45     <table class="table table-hover table-border table-striped">
46         <thead>
47         <tr>
48             <th>用户名</th>
49             <th>密码</th>
50             <th>邮件</th>
51             <th>电话</th>
52         </tr>
53         </thead>
54         <div v-if="userInfo.length === 0">
55 
56         </div>
57         <div v-else>
58             <tr v-for="(item,index) in userInfo">
59                 <td>{{ item.username }}</td>
60                 <td>{{ item.password }}</td>
61                 <td>{{ item.email}}</td>
62                 <td>{{ item.telephone}}</td>
63                 <td>
64                     <a href="#" @click="dellocal">删除</a>
65                 </td>
66             </tr>
67         </div>
68 
69         <tbody v-for="item in search(keywords)" :key="item.id">
70         <tr>
71             <td>{{ item.id }}</td>
72             <td>{{ item.pass }}</td>
73             <td>{{ item.Email}}</td>
74             <td>{{item.tel}}</td>
75             <td>
76                 <a href="#" @click.prevent="del(item.id)">删除</a>
77             </td>
78         </tr>
79         </tbody>
80     </table>
81 
82 </div>
83 </body>
84 </html>
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <script src="lib/vue-2.4.0.js"></script>
 8 <link rel="stylesheet" href="lib/bootstrap-3.3.7.css">
 9 <body>
10 
11 <div id="app">
12 
13     <div class="panel panel-primary">
14         <div class="panel-heading">
15             <h3 class="panel-title">添加用户</h3>
16         </div>
17         <div class="panel-body form-inline">
18             <label>
19                 用户名:
20                 <input type="text" class="form-control" v-model="id">
21             </label>
22             <label>
23                 密码:
24                 <input type="text" class="form-control" v-model="pass">
25             </label>
26             <label>
27                 邮件:
28                 <input type="text" class="form-control" v-model="Email">
29             </label>
30             <label>
31                 电话:
32                 <input type="text" class="form-control" v-model="tel">
33             </label>
34 
35             <input type="button" value="添加" class="btn btn-primary" @click="add()">
36 
37             <label>
38                 搜索关键字:
39                 <input type="text" class="form-control" v-model="keywords">
40             </label>
41         </div>
42     </div>
43 
44 
45     <table class="table table-hover table-border table-striped">
46         <thead>
47         <tr>
48             <th>用户名</th>
49             <th>密码</th>
50             <th>邮件</th>
51             <th>电话</th>
52         </tr>
53         </thead>
54         <div v-if="userInfo.length === 0">
55 
56         </div>
57         <div v-else>
58             <tr v-for="(item,index) in userInfo">
59                 <td>{{ item.username }}</td>
60                 <td>{{ item.password }}</td>
61                 <td>{{ item.email}}</td>
62                 <td>{{ item.telephone}}</td>
63                 <td>
64                     <a href="#" @click="dellocal">删除</a>
65                 </td>
66             </tr>
67         </div>
68 
69         <tbody v-for="item in search(keywords)" :key="item.id">
70         <tr>
71             <td>{{ item.id }}</td>
72             <td>{{ item.pass }}</td>
73             <td>{{ item.Email}}</td>
74             <td>{{item.tel}}</td>
75             <td>
76                 <a href="#" @click.prevent="del(item.id)">删除</a>
77             </td>
78         </tr>
79         </tbody>
80     </table>
81 
82 </div>
83 </body>
84 </html>

 



管理页面的javascript代码

 1 <script>
 2 
 3     var vm = new Vue({
 4         el: '#app',
 5         data: {
 6             id: '',
 7             pass: '',
 8             Email: '',
 9             tel: '',
10 
11             username: null,
12             email: null,
13             password: null,
14             telephone: null,
15             keywords: '',//搜索的关键字
16             userInfo: JSON.parse(localStorage.getItem('userInfo')) || [],
17             list: [
18                 {id: 222222, pass: '222222', Email: '5656561@qq.com', tel: '18959290335'},
19                 {id: 333333, pass: '333333', Email: '5656561@qq.com', tel: '18959290335'},
20                 {id: 444444, pass: '444444', Email: '5656561@qq.com', tel: '18959290335'},
21                 {id: 555555, pass: '555555', Email: '5656561@qq.com', tel: '18959290335'},
22                 {id: 666666, pass: '666666', Email: '5656561@qq.com', tel: '18959290335'},
23             ]
24         },
25         methods: {
26             add() {
27                 var user = {id: this.id, pass: this.pass, Email: this.Email, tel: this.tel}
28                 this.list.push(user)
29                 this.id = this.pass = this.Email = this.tel = ''
30             },
31             search(keywords) { //根据关键字,进行搜索
32                 var newList = []
33                 this.list.forEach(item => {
34                     if (item.pass.indexOf(keywords) != -1) {
35                         newList.push(item)
36                     }
37                 })
38                 return newList
39             },
40             dellocal(){//删除localStorage数据
41                 localStorage.clear();
42             },
43             del(id) {//根据id删除数据
44                 this.list.some((item, i) => {
45                     if (item.id === id) {
46                         this.list.splice(i, 1)
47                         return true;
48                     }
49                 })
50             },
51         }
52     })
53 
54 
55 </script>
 1 <script>
 2 
 3     var vm = new Vue({
 4         el: '#app',
 5         data: {
 6             id: '',
 7             pass: '',
 8             Email: '',
 9             tel: '',
10 
11             username: null,
12             email: null,
13             password: null,
14             telephone: null,
15             keywords: '',//搜索的关键字
16             userInfo: JSON.parse(localStorage.getItem('userInfo')) || [],
17             list: [
18                 {id: 222222, pass: '222222', Email: '5656561@qq.com', tel: '18959290335'},
19                 {id: 333333, pass: '333333', Email: '5656561@qq.com', tel: '18959290335'},
20                 {id: 444444, pass: '444444', Email: '5656561@qq.com', tel: '18959290335'},
21                 {id: 555555, pass: '555555', Email: '5656561@qq.com', tel: '18959290335'},
22                 {id: 666666, pass: '666666', Email: '5656561@qq.com', tel: '18959290335'},
23             ]
24         },
25         methods: {
26             add() {
27                 var user = {id: this.id, pass: this.pass, Email: this.Email, tel: this.tel}
28                 this.list.push(user)
29                 this.id = this.pass = this.Email = this.tel = ''
30             },
31             search(keywords) { //根据关键字,进行搜索
32                 var newList = []
33                 this.list.forEach(item => {
34                     if (item.pass.indexOf(keywords) != -1) {
35                         newList.push(item)
36                     }
37                 })
38                 return newList
39             },
40             dellocal(){//删除localStorage数据
41                 localStorage.clear();
42             },
43             del(id) {//根据id删除数据
44                 this.list.some((item, i) => {
45                     if (item.id === id) {
46                         this.list.splice(i, 1)
47                         return true;
48                     }
49                 })
50             },
51         }
52     })
53 
54 
55 </script>

 



转载于:https://www.cnblogs.com/CYWH/p/10411202.html

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/463412.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

MarshalByRefObject 的DOME代码

MarshalByRefObject 的DOME代码

今天研究了下MarshalByRefObject跨程序通讯&#xff0c;由于今天很晚了&#xff0c;先贴出DOME代码。 分别建立2个winform程序&#xff0c;WinClient和WinServer&#xff0c;2个项目中都有CommunicationInfo类&#xff08;你也可以将CommunicationInfo做成一个类库供2个winform…
阅读更多...
坐地铁的好心MM们小心啊，周末刚经历了一个地铁新骗术

坐地铁的好心MM们小心啊，周末刚经历了一个地铁新骗术

先废话少说&#xff0c;直奔主题。这个周日&#xff0c;也就是昨天&#xff0c;很开心的和BF坐5号线去东单看电影&#xff0c;在惠新西街南口那站上来一个小姑娘&#xff0c;也就11&#xff0c;12岁那样&#xff0c;穿着小背心、短裤&#xff0c;脖子上还挂着类似学生证一类的牌…
阅读更多...
leveldb资料整理

leveldb资料整理

转自&#xff1a;http://hideto.iteye.com/blog/1328921 最近一段时间在学习leveldb的源码&#xff0c;找到了一些相关的资源&#xff0c;用于后续查考和学习使用。 leveldb介绍 http://code.google.com/p/leveldb/ http://en.wikipedia.org/wiki/LevelDB http://highscalabi…
阅读更多...
C语言 ，嵌入式 ，数据结构 面试题目（2）

C语言 ，嵌入式 ，数据结构 面试题目（2）

100 struct name1{ char str;short x;int num; } struct name2{char str;int num;short x; } sizeof(struct name1)8,sizeof(struct name2)12101读文件file1.txt的内容&#xff08;例如&#xff09;&#xff1a; 12 34 56 输出到file2.txt&#xff1a; 56 34 12 &#xff08;…
阅读更多...
hdu - 3415 Max Sum of Max-K-sub-sequence

hdu - 3415 Max Sum of Max-K-sub-sequence

题意&#xff1a;求一个环中最大区间和&#xff0c;区间长度 < n。 用单调队列优化Dp&#xff0c;核心内容是dp[i] max(sum[j]) - sum[i-1]。 这题最后的输出有很多要求&#xff0c;如果有多个解&#xff0c;输出起始位置最小的&#xff1b;如果还有多个解&#xff0c;输出…
阅读更多...
XNA中的Render State管理

XNA中的Render State管理

XNA中的Render State管理 仅供个人学习使用&#xff0c;请勿转载&#xff0c;勿用于任何商业用途。 The Problem&#xff1a; XNA中一个设计的非常不好的地方&#xff0c;就是把各种render state定义为RenderState类的成员&#xff0c;而不是枚举。在DX/MDX中&#xff0c…
阅读更多...
11 装饰器

11 装饰器

装饰器介绍与简单实现 1. 什么是装饰器 器:指的是具备某一功能的工具 装饰:指的是为被装饰器对象添加新功能 装饰器就是用来为被装饰器对象添加新功能的工具 注意:装饰器本身可以是任意可调用对象,被装饰器的对象也可以是任意可调用对象2. 为何要用装饰器 开放封…
阅读更多...
C语言 ，嵌入式 ，数据结构 面试题目（3）

C语言 ，嵌入式 ，数据结构 面试题目（3）

182 链表题&#xff1a;一个链表的结点结构 struct Node { int data ; Node *next ; }; typedef struct Node Node ; (1)已知链表的头结点head,写一个函数把这个链表逆序 ( Intel)Node * ReverseList(Node *head) //链表逆序 { if ( head NULL || head->next NULL ) retur…
阅读更多...
C++11 新特性 —— 关键字noexcept

C++11 新特性 —— 关键字noexcept

转载;https://www.cnblogs.com/sword03/p/10020344.html 1 关键字noexcept 从C11开始&#xff0c;我们能看到很多代码当中都有关键字noexcept。比如下面就是std::initializer_list的默认构造函数&#xff0c;其中使用了noexcept。 constexpr initializer_list() noexcept: _M…
阅读更多...
统一项目管理平台（UMPlatForm.NET）-4.7 组织机构管理模块

统一项目管理平台（UMPlatForm.NET）-4.7 组织机构管理模块

统一项目管理平台&#xff08;UMPlatForm.NET&#xff09; 4.7 组织机构管理模块 统一项目管理平台&#xff08;UMPlatForm.NET&#xff09;,基于.NET的快速开发、整合框架。 4.7 组织机构管理模块 组织机构管理模块提供直观方便的组织机构管理&#xff0c;以树型结构显示单位和…
阅读更多...
开源GIS系统关系图

开源GIS系统关系图

转载于:https://www.cnblogs.com/penglink/archive/2009/06/26/1511373.html
阅读更多...
c++常用知识点，易错点，面试常问点

c++常用知识点，易错点，面试常问点

1.谈谈你对C内存分配的理解1.1 还是的先看看C对内存分为哪几个区&#xff1f;1、栈区&#xff08;stack&#xff09;— 由编译器自动分配释放 &#xff0c;存放函数的参数值&#xff0c;局部变量的值等。其操作方式类似于数据结构中的栈。想知道为什么效率高吗&#xff1f;因为…
阅读更多...
g++编译时的常用选项说明

g++编译时的常用选项说明

最近在做一个新的项目&#xff0c;所有的代码都是新写的没有参考的部分&#xff0c;因此遇到了一些问题&#xff0c;主要是在编译方面的问题&#xff0c;算是对这2周时间的总结&#xff1a; g编译时使用了 -O3级别&#xff0c;参数如下&#xff1a; (1)、-g -O3 -DNDEBUG -fn…
阅读更多...
详解mybatis映射配置文件

详解mybatis映射配置文件

一 mybatis 映射文件结构 mybatis映射配置文件存在如下顶级元素&#xff0c;且这些元素按照如下顺序被定义。 cache – 给定命名空间的缓存配置。cache-ref – 其他命名空间缓存配置的引用。 resultMap – 是最复杂也是最强大的元素&#xff0c;用来描述如何从数据库结果集中…
阅读更多...
利用ACS来实现AAA服务

利用ACS来实现AAA服务

ACS简介思科安全访问控制服务器&#xff08;Cisco Secure Access Control Sever&#xff09;是一个高度可扩展、高性能的访问控制服务器&#xff0c;提供了全面的身份识别网络解决方案&#xff0c;是思科基于身份的网络服务(IBNS)架构的重要组件。Cisco Secure ACS通过在一个集…
阅读更多...
Nginx常用命令有哪些？

Nginx常用命令有哪些？

最近在集群数据库之前部署了Ngnix来实现负载均衡和解决高并发情况下服务器压力过重的问题。 常用的命令有如下&#xff1a; nginx -t : 验证配置文件 nginx -s stop : 快速停止(不管有没有正在处理的请求&#xff0c;强制退出) nginx -s quit : 正常停止(处理完已经接收的请…
阅读更多...
C/C++二维数组名和二级指针的联系与区别

C/C++二维数组名和二级指针的联系与区别

1. 指针 1.1 一个指针包含两方面&#xff1a;a) 地址值&#xff1b;b) 所指向的数据类型。 1.2 解引用操作符&#xff08;dereference operator&#xff09;会根据指针当前的地址值&#xff0c;以及所指向的数据类型&#xff0c;访问一块连续的内存空间&#xff08;大小由指针所…
阅读更多...
BN层

BN层

论文名字&#xff1a;Batch Normalization: Accelerating Deep Network Training by Reducing Internal Covariate Shift 论文地址&#xff1a;https://arxiv.org/abs/1502.03167 BN被广泛应用于深度学习的各个地方&#xff0c;由于在实习过程中需要修改网络&#xff0c;修改的…
阅读更多...
POJ 3613

POJ 3613

1 //共T条路&#xff0c;求从S到E经过N条路径的最短路径 2 #include <iostream>3 #include <fstream>4 #include <string.h>5 #include <algorithm>6 using namespace std;7 8 #define CIR(n, m) for (int i0; i<n; i) for (int j0; j<m; j)9 co…
阅读更多...
C语言中字符型和字符串型的对比

C语言中字符型和字符串型的对比

C语言中字符型和字符串型的对比字符型&#xff1a;C语言中字符用单引号括起来&#xff0c;存储方式以ASCII编码二进制形式存储&#xff0c;占用一个字节如&#xff1a;a,b,c,A等注意&#xff1a;在C语言中将字符型看成特别短的整形&#xff0c;unsigned int 的长度刚好是0-256的…
阅读更多...
最新文章

Copyright @ 2022~2023