From f80c4e761882a364fa2bff449573bf56b2395138 Mon Sep 17 00:00:00 2001
From: Author Name <Author Email>
Date: Wed, 16 Jun 2021 12:45:27 +0800
Subject: [PATCH 1/4] router

---
 ... cli \350\267\257\347\224\261 router ).md" | 122 ++++++++++++++++++
 1 file changed, 122 insertions(+)
 create mode 100644 "\346\235\250\345\256\207\346\226\214/note-2021-06-15(\347\254\254\345\215\201\344\270\211\350\212\202\350\257\276 cli \350\267\257\347\224\261 router ).md"

diff --git "a/\346\235\250\345\256\207\346\226\214/note-2021-06-15(\347\254\254\345\215\201\344\270\211\350\212\202\350\257\276 cli \350\267\257\347\224\261 router ).md" "b/\346\235\250\345\256\207\346\226\214/note-2021-06-15(\347\254\254\345\215\201\344\270\211\350\212\202\350\257\276 cli \350\267\257\347\224\261 router ).md"
new file mode 100644
index 0000000..9b53cc9
--- /dev/null
+++ "b/\346\235\250\345\256\207\346\226\214/note-2021-06-15(\347\254\254\345\215\201\344\270\211\350\212\202\350\257\276 cli \350\267\257\347\224\261 router ).md"	
@@ -0,0 +1,122 @@
+# 2021-6-15 vue cli 路由 router
+
+
+1. 安装router yarn add vue-router 
+
+
+
+## main.js
+```
+import Vue from 'vue'
+import App from './App.vue'
+import VueRouter from 'vue-router'//引用vue-router
+
+import Login from './components/Login.vue'
+import Register from './components/Register.vue'
+
+Vue.use(VueRouter)//使用路由
+
+//实例化一个VueRouter 并定义路径 component 组件
+let router=new VueRouter({
+  mode:'history',//去#
+  routes:[
+      {
+          path:'/login',
+          component:Login
+      },
+      {
+          path:'/register',
+          component:Register
+      },
+  ]
+})
+Vue.config.productionTip = false
+//在Vue中注册router
+new Vue({
+  router,
+  render: h => h(App),
+}).$mount('#app')
+
+```
+
+
+## App.vue
+```
+<template>
+  <div id="app">
+    <HelloWorld msg="Welcome to Your Vue.js App"/>
+  <router-view></router-view>
+  </div>
+</template>
+```
+
+## HellowWord.vue
+```
+<template>
+
+  <div class="hello">
+    <p>123321</p>
+    <router-link to="/register">跳转到注册页面</router-link>
+  </div>
+</template>
+```
+
+## Login.vue
+```
+<template>
+<table>
+<tr>
+    <td>
+            <label for="">
+                用户名:
+            </label>
+    </td>
+    <td>
+        <input type="text" placeholder="请输入用户名">
+    </td>
+    <td>
+            <label for="">
+                密码:
+            </label>
+    </td>
+    <td>
+        <input type="text" placeholder="请输入密码">
+    </td>
+</tr>
+</table>
+
+
+```
+
+## Register.vue
+```
+<template>
+<table>
+<tr>
+    <td>
+            <label for="">
+                用户名:
+            </label>
+    </td>
+    <td>
+        <input type="text" placeholder="请输入用户名">
+    </td>
+    <td>
+            <label for="">
+                密码:
+            </label>
+    </td>
+    <td>
+        <input type="text" placeholder="请输入密码">
+    </td>
+      <td>
+            <label for="">
+                确认密码:
+            </label>
+    </td>
+    <td>
+        <input type="text" placeholder="请输入密码">
+    </td>
+</tr>
+</table>
+```
\ No newline at end of file
-- 
Gitee


From 651977ce7f269aab4f0644925b7abb0968fc98e3 Mon Sep 17 00:00:00 2001
From: Author Name <Author Email>
Date: Sat, 19 Jun 2021 12:31:52 +0800
Subject: [PATCH 2/4] 1

---
 ...6\345\265\214\350\267\257\347\224\261).md" | 93 +++++++++++++++++++
 ...7\347\232\204\345\257\274\350\210\252).md" |  1 +
 2 files changed, 94 insertions(+)
 create mode 100644 "\346\235\250\345\256\207\346\226\214/note-2021-06-16(\347\254\254\345\215\201\345\233\233\350\212\202\350\257\276 \345\212\250\346\200\201\350\267\257\347\224\261\345\222\214\351\225\266\345\265\214\350\267\257\347\224\261).md"
 create mode 100644 "\346\235\250\345\256\207\346\226\214/note-2021-06-18(\347\254\254\345\215\201\344\272\224\350\212\202\350\257\276 \347\274\226\347\250\213\345\274\217\347\232\204\345\257\274\350\210\252).md"

diff --git "a/\346\235\250\345\256\207\346\226\214/note-2021-06-16(\347\254\254\345\215\201\345\233\233\350\212\202\350\257\276 \345\212\250\346\200\201\350\267\257\347\224\261\345\222\214\351\225\266\345\265\214\350\267\257\347\224\261).md" "b/\346\235\250\345\256\207\346\226\214/note-2021-06-16(\347\254\254\345\215\201\345\233\233\350\212\202\350\257\276 \345\212\250\346\200\201\350\267\257\347\224\261\345\222\214\351\225\266\345\265\214\350\267\257\347\224\261).md"
new file mode 100644
index 0000000..ef8fa2f
--- /dev/null
+++ "b/\346\235\250\345\256\207\346\226\214/note-2021-06-16(\347\254\254\345\215\201\345\233\233\350\212\202\350\257\276 \345\212\250\346\200\201\350\267\257\347\224\261\345\222\214\351\225\266\345\265\214\350\267\257\347\224\261).md"	
@@ -0,0 +1,93 @@
+# 2021-6-16 vue cli 路由 route动态路由和镶嵌路由
+1. main.js
+```
+import Vue from 'vue'
+import App from './App.vue'
+import VueRouter from 'vue-router'
+import Apple from './components/Apple'
+import Psps from './components/Psps'
+import P404 from './components/404'
+
+
+Vue.use(VueRouter)
+Vue.config.productionTip = false
+let router=new VueRouter({
+  mode:'history',
+  routes:[{
+    path:'/apple/',
+    // path:'/apple/:id',
+    component:Apple,
+    children:[{
+      path:'psps',
+      component:Psps
+    }]
+  },{
+    // 查找路径 路径优先级由上至下 没找到的路径都会跳转到组件404路由页面
+    path:'*',
+    component:P404
+  }
+]
+})
+new Vue({
+  router,
+  render: h => h(App),
+}).$mount('#app')
+```
+
+2. App.vue
+```
+<template>
+  <div id="app">
+    <router-view></router-view>
+    <HelloWorld msg="Welcome to Your Vue.js App"/>
+  </div>
+</template>
+```
+3. Apple.vue
+```
+<template>
+    <div>
+        <ul>
+            <li>大苹果</li>
+             <li>中苹果</li>
+              <li>小苹果</li>
+               <li>小小苹果</li>
+                <li>大大苹果</li>
+        </ul>
+      
+         <h2>{{$route.params.id}}</h2>
+        <router-view></router-view>
+    </div>
+</template>
+
+
+<style scoped>
+li{
+    color: red;
+}
+li:hover{
+    color:blueviolet;
+}
+/* 伪元素 */
+li::marker{
+    content:--！
+}
+</style>
+```
+
+4. 404.vue
+```
+<template>
+    <p>404</p>
+</template>
+```
+5. Psps.vue
+```
+<template>
+<div>
+     <p>这是个psps</p>
+      <h1>子页面显示成功</h1>
+</div>
+   
+</template>
+```
diff --git "a/\346\235\250\345\256\207\346\226\214/note-2021-06-18(\347\254\254\345\215\201\344\272\224\350\212\202\350\257\276 \347\274\226\347\250\213\345\274\217\347\232\204\345\257\274\350\210\252).md" "b/\346\235\250\345\256\207\346\226\214/note-2021-06-18(\347\254\254\345\215\201\344\272\224\350\212\202\350\257\276 \347\274\226\347\250\213\345\274\217\347\232\204\345\257\274\350\210\252).md"
new file mode 100644
index 0000000..549834b
--- /dev/null
+++ "b/\346\235\250\345\256\207\346\226\214/note-2021-06-18(\347\254\254\345\215\201\344\272\224\350\212\202\350\257\276 \347\274\226\347\250\213\345\274\217\347\232\204\345\257\274\350\210\252).md"	
@@ -0,0 +1 @@
+# 2021-6-18 vue cli 路由 编程式的导航
-- 
Gitee


From 7e6387a167cd26fd5c5f3e2534956aa04a3e476b Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Sat, 19 Jun 2021 17:35:56 +0800
Subject: [PATCH 3/4] 1

---
 ...6\345\265\214\350\267\257\347\224\261).md" |  2 +-
 ...7\347\232\204\345\257\274\350\210\252).md" | 15 +++++
 ...5\345\220\215\350\247\206\345\233\276).md" | 66 +++++++++++++++++++
 3 files changed, 82 insertions(+), 1 deletion(-)
 create mode 100644 "\346\235\250\345\256\207\346\226\214/note-2021-06-19(\347\254\254\345\215\201\345\205\255\350\212\202\350\257\276 \345\221\275\345\220\215\350\267\257\347\272\277 \345\221\275\345\220\215\350\247\206\345\233\276).md"

diff --git "a/\346\235\250\345\256\207\346\226\214/note-2021-06-16(\347\254\254\345\215\201\345\233\233\350\212\202\350\257\276 \345\212\250\346\200\201\350\267\257\347\224\261\345\222\214\351\225\266\345\265\214\350\267\257\347\224\261).md" "b/\346\235\250\345\256\207\346\226\214/note-2021-06-16(\347\254\254\345\215\201\345\233\233\350\212\202\350\257\276 \345\212\250\346\200\201\350\267\257\347\224\261\345\222\214\351\225\266\345\265\214\350\267\257\347\224\261).md"
index ef8fa2f..fefd6be 100644
--- "a/\346\235\250\345\256\207\346\226\214/note-2021-06-16(\347\254\254\345\215\201\345\233\233\350\212\202\350\257\276 \345\212\250\346\200\201\350\267\257\347\224\261\345\222\214\351\225\266\345\265\214\350\267\257\347\224\261).md"	
+++ "b/\346\235\250\345\256\207\346\226\214/note-2021-06-16(\347\254\254\345\215\201\345\233\233\350\212\202\350\257\276 \345\212\250\346\200\201\350\267\257\347\224\261\345\222\214\351\225\266\345\265\214\350\267\257\347\224\261).md"	
@@ -14,7 +14,7 @@ Vue.config.productionTip = false
 let router=new VueRouter({
   mode:'history',
   routes:[{
-    path:'/apple/',
+    path:'/apple',
     // path:'/apple/:id',
     component:Apple,
     children:[{
diff --git "a/\346\235\250\345\256\207\346\226\214/note-2021-06-18(\347\254\254\345\215\201\344\272\224\350\212\202\350\257\276 \347\274\226\347\250\213\345\274\217\347\232\204\345\257\274\350\210\252).md" "b/\346\235\250\345\256\207\346\226\214/note-2021-06-18(\347\254\254\345\215\201\344\272\224\350\212\202\350\257\276 \347\274\226\347\250\213\345\274\217\347\232\204\345\257\274\350\210\252).md"
index 549834b..3e31373 100644
--- "a/\346\235\250\345\256\207\346\226\214/note-2021-06-18(\347\254\254\345\215\201\344\272\224\350\212\202\350\257\276 \347\274\226\347\250\213\345\274\217\347\232\204\345\257\274\350\210\252).md"	
+++ "b/\346\235\250\345\256\207\346\226\214/note-2021-06-18(\347\254\254\345\215\201\344\272\224\350\212\202\350\257\276 \347\274\226\347\250\213\345\274\217\347\232\204\345\257\274\350\210\252).md"	
@@ -1 +1,16 @@
 # 2021-6-18 vue cli 路由 编程式的导航
+```
+// 命名的路由(这里的name为路由中定义的name名称)
+this.$router.push({ name: 'user', params: { userId: '123' }})
+ 
+// 带查询参数，变成 /register?plan=private
+this.$router.push({ path: 'register', query: { plan: 'private' }})
+ 
+/*注意：如果提供了 path，params 会被忽略，上述例子中的 query 并不属于这种情况。取而代之的是下面例子的做法，你需要提供路由的 name 或手写完整的带有参数的 path：*/
+ 
+const userId = '123'
+this.$router.push({ name: 'user', params: { userId }}) // -> /user/123
+this.$router.push({ path: `/user/${userId}` }) // -> /user/123
+// 这里的 params 不生效
+this.$router.push({ path: '/user', params: { userId }}) // -> /user
+```
\ No newline at end of file
diff --git "a/\346\235\250\345\256\207\346\226\214/note-2021-06-19(\347\254\254\345\215\201\345\205\255\350\212\202\350\257\276 \345\221\275\345\220\215\350\267\257\347\272\277 \345\221\275\345\220\215\350\247\206\345\233\276).md" "b/\346\235\250\345\256\207\346\226\214/note-2021-06-19(\347\254\254\345\215\201\345\205\255\350\212\202\350\257\276 \345\221\275\345\220\215\350\267\257\347\272\277 \345\221\275\345\220\215\350\247\206\345\233\276).md"
new file mode 100644
index 0000000..50f1296
--- /dev/null
+++ "b/\346\235\250\345\256\207\346\226\214/note-2021-06-19(\347\254\254\345\215\201\345\205\255\350\212\202\350\257\276 \345\221\275\345\220\215\350\267\257\347\272\277 \345\221\275\345\220\215\350\247\206\345\233\276).md"	
@@ -0,0 +1,66 @@
+# 2021-6-19 vue cli 路由 命名路线，命名视图
+```
+main.js
+import Vue from 'vue'
+import App from './App.vue'
+import VueRouter from "vue-router"
+
+import User from './components/User'
+
+import Login from './components/Login'
+
+Vue.config.productionTip = false
+
+Vue.use(VueRouter)
+
+let router=new VueRouter({
+  mode:'history',
+  routes:[{
+    path:'/user/:id',
+    name:'user',
+    components:{
+      user:User,
+      login:Login,
+    }
+  }]
+})
+new Vue({
+  router,
+  render: h => h(App),
+}).$mount('#app')
+
+```
+```
+App.vue
+<template>
+  <div id="app">
+
+<router-link :to="{name:'user',params:{id:3030}}">按</router-link>
+   <router-view></router-view>
+    <router-view name="user"></router-view>
+      <router-view name="login"></router-view>
+  </div>
+</template>
+```
+
+```
+User.vue
+<template>
+    <div>
+        <p>用户</p>
+        <router-view></router-view>
+    </div>
+</template>
+<script>
+
+</script>
+```
+
+```
+Login.vue
+<template>
+    <div>
+        <p>登录</p>
+    </div>
+</template>
+```
\ No newline at end of file
-- 
Gitee


From d6545a1a9bc2b3c7d88eb137f1b6c0042c88fc66 Mon Sep 17 00:00:00 2001
From: Author Name <Author Email>
Date: Wed, 23 Jun 2021 11:42:55 +0800
Subject: [PATCH 4/4] =?UTF-8?q?webAPI=E7=AE=80=E5=8D=95=E6=93=8D=E4=BD=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...I\347\254\254\344\270\200\350\212\202).md" | 52 +++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 "\346\235\250\345\256\207\346\226\214/note-2021-06-22(web API\347\254\254\344\270\200\350\212\202).md"

diff --git "a/\346\235\250\345\256\207\346\226\214/note-2021-06-22(web API\347\254\254\344\270\200\350\212\202).md" "b/\346\235\250\345\256\207\346\226\214/note-2021-06-22(web API\347\254\254\344\270\200\350\212\202).md"
new file mode 100644
index 0000000..2fdda66
--- /dev/null
+++ "b/\346\235\250\345\256\207\346\226\214/note-2021-06-22(web API\347\254\254\344\270\200\350\212\202).md"	
@@ -0,0 +1,52 @@
+# 2021-6-22 web API 第一节 用vs code 创建项目
+
+1.  创建webApi项目
+```
+创建一个myAPI文件夹
+在myAPi文件夹下创建myAPI.webApi文件夹
+
+dotnet new --list  查看模板名字
+XXX -h 查看相关代码(帮助)
+
+webapi表示创建项目时选择模板的类型
+
+创建webApi项目：
+dotnet new webapi 
+dotnet new webapi --no-https  no-https表示不启用https
+
+dotnet run    运行项目
+```
+
+2. 在 myApi文件夹下创建解决方案(用vs2019打开需要解决方案)
+```
+命令:  dotnet new sln  或
+名称Dream   dotnet new sln -o Dream
+
+进入解决方案 cd Dream
+
+查看文件  ls
+
+dotnet run -p .\myAPI.webApi\ 可以在myApi文件夹下直接运行myAPI.webApi
+```
+3. 创建一个数据文件.Data
+```
+在myApi下创建myApi.Data文件夹  mkdir myApi.Data
+
+进入文件夹 new一个类库  cd .\myApi.Data\   dotnet new classlib
+
+```
+4. 将创建的MyApi.Api和MyApi.Data文件夹添加sln解决方案中
+```
+ dotnet sln add myApi.webApi
+已将项目“myApi.webApi\myAPI.webApi.csproj”添加到解决方案中。
+ C:\Users\23856\Desktop\myAPI> dotnet sln add .\myApi.Data\
+已将项目“myApi.Data\myApi.Data.csproj”添加到解决方案中。
+```
+5. 向项目添加 NuGet 依赖包包引用
+```
+dotnet add package Newtonsoft.Json 在myAPI.webApi项目里文件夹输入
+
+//MyApi.Api引用MyApi.Data
+PS C:\Users\23856\Desktop\myAPI> dotnet add .\myAPI.webApi\ reference .\myApi.Data\
+已将引用“..\myApi.Data\myApi.Data.csproj”添加到项目。
+```
\ No newline at end of file
-- 
Gitee