任务目录：
一、登录
1、登录
1.1、用户登录和邮箱登录界面
1.2、登录方法（混合1.1）
2、切换
2.1、切换方法
二、表格
1、table（表）
1.1、table表创建
1.2、数据填充
2、增、删、改、查
2.1、逻辑思路
2.2、增、删、改、查方法
三、总代码
1、登录代码
2、表格代码
开始实践：
一、登录
1、登录
1.1、用户登录和邮箱登录界面
在下采用vue来编写，也夹杂有jquery语言！那么就需要先载入两个jar包！
<head>
<meta charset="utf-8">
<script src="../尝试/js/jquery-3.6.0.js"></script>
<script src="../尝试/js/vue.min.js"></script>
<title>登录</title>
</head>这里script的路径是在下自己放置的jar包位置！一个jQuery，一个vue！
然后就开始添加输入框，在下选择放置在form表单里，使用vue进行双向绑定，那么首先添加div为挂载处，在div下添加form表单，form表单内添加用户和密码的 input 输入框、提交（登录）按钮
<div id="div">
<form action="">
用户：<input type="text"><br>
密码：<input type="password"><br>
<button >登录</button>
</form>
</div>这里只是有了两个输入框， 还需要双向绑定!
双向绑定：创建Vue对象--->添加数据--->input框使用 v-model=" "
在下胡乱添加了user数据，包含两个对象！ 仅仅举例！（el后面添加要挂载到的标签，data里添加动态数据！一般数据来自后端，这里没连接后端就先固定数据！）
<script>
var div = new Vue({
el:"#div",
data:{
uesr:[{username:"admin",password:"123456"},{username:"张三",password:"123456"}],
},
})
</script>然后是在 input框使用 v-model=" "
用户：<input type="text" v-model="name"><br>
密码：<input type="password" v-model="password"><br>v-model="name" 即将改input变为了双向绑定，且名字（name属性）为（在下也取名name），但双向绑定的数据来自于vue对象，即现在还没有数据存在需要先添加该名字为name的 input的值（value）保证在输入框输入时，会将输入的数据返回vue对象
<script>
var div = new Vue({
el:"#div",
data:{
name:"admin",
password:"123456",
uesr:[{username:"admin",password:"123456"},{username:"张三",password:"123456"}],
},
})
</script>这里的name和password可以为空，仅仅表示初始值，可有可无！ 至此双向绑定即成
接下来先完
最低0.47元/天 解锁文章
2012
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
