92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

配合前端vue實現表格的增刪改查

2021-10-13 前端達人

前言：

這個章節內容是比較多的，分為前端部分和后端部分。

目錄：

實現效果：增刪改查

一、后端部分：

（1）數據庫：

新建一張表user,設置幾個字段，效果如下：

（2）egg邏輯部分：

提供的接口：http://localhost:7001/setUserList

（3）egg具體實現步驟：

1、router.js中添加：

2、新建：app / controller / new / user.js

（1）查，模糊查詢

user.js 源碼：

3、引入mysql:點我

4、跨域問題解決：點我

二、前端部分：

新建vue文件：testApi.vue

1、初始化查詢列表數據：頁面展示列表，列表數據mouted獲取

2、頁面點擊新增：展示彈框，并將彈框內容去除掉，點擊新增，將彈框內容發送給后端

3、頁面點擊列表里面具體數據的編輯：彈框，并回填數據，修改將當前數據的id和表格數據傳給后端

4、刪除按鈕，點擊出現二次確認彈框，點擊確認將當前數據的id給后端就行

testApi.vue 源碼：

實現效果：增刪改查

一、后端部分：

（1）數據庫：

新建一張表user,設置幾個字段，效果如下：

（2）egg邏輯部分：

提供的接口：http://localhost:7001/setUserList

get 請求，獲取數據，支持模糊查詢
post 請求，新增數據
put 請求，給后端當前數據id，修改內容
delete 請求，根據數據id刪除當前條數據

（3）egg具體實現步驟：

1、router.js中添加：

 


    

        

            

            

        

        

            
                /** 
            

        

    

    

        

            

            

        

        

            
                 * 路由配置 
            

        

    

    

        

            

            

        

        

            
                 * @param app 
            

        

    

    

        

            

            

        

        

            
                 */ 
            

        

    

    

        

            

            

        

        

            
                module.exports = app => {
            

        

    

    

        

            

            

        

        

            
                const { router, controller } = app;
            

        

    

    

        

            

            

        

        

            
                //-------------------------------------------------- 
            

        

    

    

        

            

            

        

        

            
                // server接口 
            

        

    

    

        

            

            

        

        

            
                //-------------------------------------------------- 
            

        

    

    

        

            

            

        

        

            
                app.get('/setUserList', controller.new.user.getUserList);
            

        

    

    

        

            

            

        

        

            
                app.post('/setUserList', controller.new.user.postUserList);
            

        

    

    

        

            

            

        

        

            
                app.put('/setUserList', controller.new.user.putUserList);
            

        

    

    

        

            

            

        

        

            
                app.delete('/setUserList', controller.new.user.deleteUserList);
            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

            
                }

2、新建：app / controller / new / user.js

（1）查，模糊查詢

select * from user where name like ? % 內容 %

（2）增

this.app.mysql.insert('表名'，內容)

（3）改

UPDATE loginlist SET `password` = 'Ad123456' WHERE id = 2

（4）刪

delete from user where id = 1

user.js 源碼：

 


    

        

            

            

        

        

            
                /** 
            

        

    

    

        

            

            

        

        

            
                 *  用戶信息路由 
            

        

    

    

        

            

            

        

        

            
                 * @param app 
            

        

    

    

        

            

            

        

        

            
                 * @returns {HomeController} 
            

        

    

    

        

            

            

        

        

            
                 */ 
            

        

    

    

        

            

            

        

        

            
                const Controller = require('egg').Controller;
            

        

    

    

        

            

            

        

        

            
                class NewsController extends Controller {
            

        

    

    

        

            

            

        

        

            
                async getUserList() {
            

        

    

    

        

            

            

        

        

            
                //查詢庫里的user表 
            

        

    

    

        

            

            

        

        

            
                let params = this.ctx.query //獲取路徑后面的參數 
            

        

    

    

        

            

            

        

        

            
                console.log('用戶的參數：');
            

        

    

    

        

            

            

        

        

            
                console.log(params);
            

        

    

    

        

            

            

        

        

            
                let sql = 'select * from user' 
            

        

    

    

        

            

            

        

        

            
                let initSql = sql
            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

            
                let content = [];//參數 
            

        

    

    

        

            

            

        

        

            
                let isMore = false;//是否有多個查詢參數 
            

        

    

    

        

            

            

        

        

            
                /** 
            

        

    

    

        

            

            

        

        

            
                 * @模糊查詢-量大的時候效率低 
            

        

    

    

        

            

            

        

        

            
                 * select * from user where name like ? % 內容 % 
            

        

    

    

        

            

            

        

        

            
                 * 在user表中全局查找name值 == 內容的 
            

        

    

    

        

            

            

        

        

            
                 * % 內容 % 全局查找內容 
            

        

    

    

        

            

            

        

        

            
                 *   內容 %  查找以 內容 開頭的數據 
            

        

    

    

        

            

            

        

        

            
                 * */ 
            

        

    

    

        

            

            

        

        

            
                if(params.name){
            

        

    

    

        

            

            

        

        

            
                sql += " where name like ?";
            

        

    

    

        

            

            

        

        

            
                content.push( "%"+params.name+"%" );
            

        

    

    

        

            

            

        

        

            
                isMore = true;
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                if(params.age){
            

        

    

    

        

            

            

        

        

            
                if(isMore){//true代表有多個參數 
            

        

    

    

        

            

            

        

        

            
                sql += "and age LIKE ?";//and是兩個條件都必須滿足，or是或的關系 
            

        

    

    

        

            

            

        

        

            
                }else{
            

        

    

    

        

            

            

        

        

            
                sql += " WHERE age LIKE ?";
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                content.push( "%"+params.age+"%" )
            

        

    

    

        

            

            

        

        

            
                isMore = true;
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                if(params.address){
            

        

    

    

        

            

            

        

        

            
                if(isMore){//true代表有多個參數 
            

        

    

    

        

            

            

        

        

            
                sql += "and address LIKE ?";//and是兩個條件都必須滿足，or是或的關系 
            

        

    

    

        

            

            

        

        

            
                }else{
            

        

    

    

        

            

            

        

        

            
                sql += " WHERE address LIKE ?";
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                content.push( "%"+params.address+"%" )
            

        

    

    

        

            

            

        

        

            
                isMore = true;
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                if(params.phone){
            

        

    

    

        

            

            

        

        

            
                if(isMore){//true代表有多個參數 
            

        

    

    

        

            

            

        

        

            
                sql += "and phone LIKE ?";//and是兩個條件都必須滿足，or是或的關系 
            

        

    

    

        

            

            

        

        

            
                }else{
            

        

    

    

        

            

            

        

        

            
                sql += " WHERE phone LIKE ?";
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                content.push( "%"+params.phone+"%" )
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

            
                //開啟分頁 
            

        

    

    

        

            

            

        

        

            
                if(params.page || params.pageSize){
            

        

    

    

        

            

            

        

        

            
                let current = params.page;//當前頁碼 
            

        

    

    

        

            

            

        

        

            
                let pageSize = params.pageSize;//一頁展示多少條數據 
            

        

    

    

        

            

            

        

        

            
                sql += " limit ?,?";
            

        

    

    

        

            

            

        

        

            
                content.push((current-1)*pageSize,parseInt(pageSize));
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

            
                let allList = await this.app.mysql.query(initSql);
            

        

    

    

        

            

            

        

        

            
                let userList= await this.app.mysql.query(
            

        

    

    

        

            

            

        

        

            
                sql,content
            

        

    

    

        

            

            

        

        

            
                );
            

        

    

    

        

            

            

        

        

            
                this.ctx.body = {
            

        

    

    

        

            

            

        

        

            
                code:200,
            

        

    

    

        

            

            

        

        

            
                masg:'success',
            

        

    

    

        

            

            

        

        

            
                data: {
            

        

    

    

        

            

            

        

        

            
                list:userList,
            

        

    

    

        

            

            

        

        

            
                total:allList.length
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                };
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                /** 
            

        

    

    

        

            

            

        

        

            
                 * 新增用戶信息 
            

        

    

    

        

            

            

        

        

            
                 * INSERT INTO loginlist (aaa,bbb,ccc) VALUES ('"'+111+'","'+222+'","'+333+'"') 
            

        

    

    

        

            

            

        

        

            
                 * this.app.mysql.insert('表名'，內容) 
            

        

    

    

        

            

            

        

        

            
                 * this.app.mysql.insert('表名'，{ 
            

        

    

    

        

            

            

        

        

            
                 *   name:123, 
            

        

    

    

        

            

            

        

        

            
                 *   age:1, 
            

        

    

    

        

            

            

        

        

            
                 *   address:西安 
            

        

    

    

        

            

            

        

        

            
                 * }) 
            

        

    

    

        

            

            

        

        

            
                 */ 
            

        

    

    

        

            

            

        

        

            
                // 
            

        

    

    

        

            

            

        

        

            
                async postUserList() {
            

        

    

    

        

            

            

        

        

            
                console.log(this.ctx.request.body);
            

        

    

    

        

            

            

        

        

            
                //新增數據-user表 
            

        

    

    

        

            

            

        

        

            
                let data = this.ctx.request.body
            

        

    

    

        

            

            

        

        

            
                data.id = parseInt(Math.random()*100000)
            

        

    

    

        

            

            

        

        

            
                let insertResult = await this.app.mysql.insert(
            

        

    

    

        

            

            

        

        

            
                'user', data
            

        

    

    

        

            

            

        

        

            
                );
            

        

    

    

        

            

            

        

        

            
                this.ctx.body = {
            

        

    

    

        

            

            

        

        

            
                code:200,
            

        

    

    

        

            

            

        

        

            
                masg:'success',
            

        

    

    

        

            

            

        

        

            
                data:insertResult
            

        

    

    

        

            

            

        

        

            
                };
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                /** 
            

        

    

    

        

            

            

        

        

            
                 * 修改用戶信息 
            

        

    

    

        

            

            

        

        

            
                 * UPDATE loginlist SET `password` = 'Ad123456' WHERE id = 2（唯一值），修改一個 
            

        

    

    

        

            

            

        

        

            
                 * UPDATE loginlist SET username = 'admins', `password` = 'Ad123456' WHERE id = 2，修改多個 
            

        

    

    

        

            

            

        

        

            
                 */ 
            

        

    

    

        

            

            

        

        

            
                async putUserList(){
            

        

    

    

        

            

            

        

        

            
                //新增數據-user表 
            

        

    

    

        

            

            

        

        

            
                let id = this.ctx.query.id //獲取路徑后面的參數 
            

        

    

    

        

            

            

        

        

            
                let data = this.ctx.request.body
            

        

    

    

        

            

            

        

        

            
                let sql = 'update user set ' 
            

        

    

    

        

            

            

        

        

            
                let isMore = false;//是否有多個查詢參數 
            

        

    

    

        

            

            

        

        

            
                if(!id){
            

        

    

    

        

            

            

        

        

            
                this.ctx.body = {
            

        

    

    

        

            

            

        

        

            
                code:200,
            

        

    

    

        

            

            

        

        

            
                masg:'warning',
            

        

    

    

        

            

            

        

        

            
                data:'id沒有傳' 
            

        

    

    

        

            

            

        

        

            
                };
            

        

    

    

        

            

            

        

        

            
                return 
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                //姓名 
            

        

    

    

        

            

            

        

        

            
                if(data.name){
            

        

    

    

        

            

            

        

        

            
                sql += 'name = "'+data.name+'"' 
            

        

    

    

        

            

            

        

        

            
                isMore = true 
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                //年齡 
            

        

    

    

        

            

            

        

        

            
                if(data.age){
            

        

    

    

        

            

            

        

        

            
                if(isMore){
            

        

    

    

        

            

            

        

        

            
                sql += ',age = "'+data.age+'"' 
            

        

    

    

        

            

            

        

        

            
                }else{
            

        

    

    

        

            

            

        

        

            
                sql += 'age = "'+data.age+'"' 
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                isMore = true 
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                //地址 
            

        

    

    

        

            

            

        

        

            
                if(data.address){
            

        

    

    

        

            

            

        

        

            
                if(isMore){
            

        

    

    

        

            

            

        

        

            
                sql += ',address = "'+data.address+'"' 
            

        

    

    

        

            

            

        

        

            
                }else{
            

        

    

    

        

            

            

        

        

            
                sql += 'address = "'+data.address+'"' 
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                isMore = true 
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                //手機號 
            

        

    

    

        

            

            

        

        

            
                if(data.phone){
            

        

    

    

        

            

            

        

        

            
                if(isMore){
            

        

    

    

        

            

            

        

        

            
                sql += ',phone = "'+data.phone+'"' 
            

        

    

    

        

            

            

        

        

            
                }else{
            

        

    

    

        

            

            

        

        

            
                sql += 'phone = "'+data.phone+'"' 
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                isMore = true 
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                //郵箱地址 
            

        

    

    

        

            

            

        

        

            
                if(data.email){
            

        

    

    

        

            

            

        

        

            
                if(isMore){
            

        

    

    

        

            

            

        

        

            
                sql += ',email = "'+data.email+'"' 
            

        

    

    

        

            

            

        

        

            
                }else{
            

        

    

    

        

            

            

        

        

            
                sql += 'email = "'+data.email+'"' 
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                sql += ' where id = ' + id
            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

            
                let insertResult = await this.app.mysql.query(sql)
            

        

    

    

        

            

            

        

        

            
                this.ctx.body = {
            

        

    

    

        

            

            

        

        

            
                code:200,
            

        

    

    

        

            

            

        

        

            
                masg:'success',
            

        

    

    

        

            

            

        

        

            
                data:insertResult
            

        

    

    

        

            

            

        

        

            
                };
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                /** 
            

        

    

    

        

            

            

        

        

            
                 * 注銷用戶接口 
            

        

    

    

        

            

            

        

        

            
                 * DELETE FROM loginlist WHERE username = 'superman' 
            

        

    

    

        

            

            

        

        

            
                 */ 
            

        

    

    

        

            

            

        

        

            
                async deleteUserList(){
            

        

    

    

        

            

            

        

        

            
                //查詢庫里的user表 
            

        

    

    

        

            

            

        

        

            
                let params = this.ctx.query //獲取路徑后面的參數 
            

        

    

    

        

            

            

        

        

            
                console.log('用戶的參數：');
            

        

    

    

        

            

            

        

        

            
                console.log(params);
            

        

    

    

        

            

            

        

        

            
                let sql = 'delete from user where id = '+ params.id
            

        

    

    

        

            

            

        

        

            
                let res = await this.app.mysql.query(
            

        

    

    

        

            

            

        

        

            
                sql
            

        

    

    

        

            

            

        

        

            
                );
            

        

    

    

        

            

            

        

        

            
                this.ctx.body = {
            

        

    

    

        

            

            

        

        

            
                code:200,
            

        

    

    

        

            

            

        

        

            
                masg:'success',
            

        

    

    

        

            

            

        

        

            
                data:res
            

        

    

    

        

            

            

        

        

            
                };
            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

            
                /** 
            

        

    

    

        

            

            

        

        

            
                 * 模糊查詢封裝方法 
            

        

    

    

        

            

            

        

        

            
                 * @params = auth 
            

        

    

    

        

            

            

        

        

            
                 * */ 
            

        

    

    

        

            

            

        

        

            
                async query( auth ) {
            

        

    

    

        

            

            

        

        

            
                const TABLE_NAME = 'user';
            

        

    

    

        

            

            

        

        

            
                const QUERY_STR = 'id, name, age, phone, address';
            

        

    

    

        

            

            

        

        

            
                let sql = `select ${QUERY_STR} from ${TABLE_NAME} where authName like "%${auth.authName}%"`;
            

        

    

    

        

            

            

        

        

            
                const row = await this.app.mysql.query(sql);
            

        

    

    

        

            

            

        

        

            
                return row;
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                module.exports = NewsController;

3、引入mysql:點我

4、跨域問題解決：點我

二、前端部分：

新建vue文件：testApi.vue

1、初始化查詢列表數據：頁面展示列表，列表數據mouted獲取

 


    

        

            

            

        

        

            
                <el-table 
            

        

    

    

        

            

            

        

        

            
                :data="tableInfo.list" 
            

        

    

    

        

            

            

        

        

            
                style="width: 100%">
            

        

    

    

        

            

            

        

        

            
                <el-table-column 
            

        

    

    

        

            

            

        

        

            
                type="index" 
            

        

    

    

        

            

            

        

        

            
                label="序號" 
            

        

    

    

        

            

            

        

        

            
                align="center">
            

        

    

    

        

            

            

        

        

            
                </el-table-column> 
            

        

    

    

        

            

            

        

        

            
                <el-table-column 
            

        

    

    

        

            

            

        

        

            
                prop="name" 
            

        

    

    

        

            

            

        

        

            
                label="姓名" 
            

        

    

    

        

            

            

        

        

            
                align="center">
            

        

    

    

        

            

            

        

        

            
                </el-table-column> 
            

        

    

    

        

            

            

        

        

            
                <el-table-column 
            

        

    

    

        

            

            

        

        

            
                prop="age" 
            

        

    

    

        

            

            

        

        

            
                label="年齡" 
            

        

    

    

        

            

            

        

        

            
                align="center">
            

        

    

    

        

            

            

        

        

            
                </el-table-column> 
            

        

    

    

        

            

            

        

        

            
                <el-table-column 
            

        

    

    

        

            

            

        

        

            
                prop="address" 
            

        

    

    

        

            

            

        

        

            
                label="地址">
            

        

    

    

        

            

            

        

        

            
                </el-table-column> 
            

        

    

    

        

            

            

        

        

            
                <el-table-column 
            

        

    

    

        

            

            

        

        

            
                prop="phone" 
            

        

    

    

        

            

            

        

        

            
                label="手機號">
            

        

    

    

        

            

            

        

        

            
                </el-table-column> 
            

        

    

    

        

            

            

        

        

            
                <el-table-column 
            

        

    

    

        

            

            

        

        

            
                prop="email" 
            

        

    

    

        

            

            

        

        

            
                label="郵箱">
            

        

    

    

        

            

            

        

        

            
                </el-table-column> 
            

        

    

    

        

            

            

        

        

            
                <el-table-column 
            

        

    

    

        

            

            

        

        

            
                label="操作" 
            

        

    

    

        

            

            

        

        

            
                width="100">
            

        

    

    

        

            

            

        

        

            
                <template slot-scope="scope"> 
            

        

    

    

        

            

            

        

        

            
                <el-button type="text" size="small" @click="editFun(scope.row)">編輯</el-button> 
            

        

    

    

        

            

            

        

        

            
                <el-button type="text" size="small" @click="deleteFun(scope.row)">刪除</el-button> 
            

        

    

    

        

            

            

        

        

            
                </template> 
            

        

    

    

        

            

            

        

        

            
                </el-table-column> 
            

        

    

    

        

            

            

        

        

            
                </el-table>

 


    

        

            

            

        

        

            
                mounted(){
            

        

    

    

        

            

            

        

        

            
                this.initPage()
            

        

    

    

        

            

            

        

        

            
                },
            

        

    

    

        

            

            

        

        

            
                methods: {
            

        

    

    

        

            

            

        

        

            
                /*** 
            

        

    

    

        

            

            

        

        

            
                 * 獲取列表數據 
            

        

    

    

        

            

            

        

        

            
                 */ 
            

        

    

    

        

            

            

        

        

            
                initPage() {
            

        

    

    

        

            

            

        

        

            
                let params = {
            

        

    

    

        

            

            

        

        

            
                page: this.tableInfo.page, //當前頁 
            

        

    

    

        

            

            

        

        

            
                pageSize: this.tableInfo.pageSize //一頁展示多少條 
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                this.$axios.get('http://localhost:7001/setUserList',{
            

        

    

    

        

            

            

        

        

            
                params
            

        

    

    

        

            

            

        

        

            
                }).then(res => {
            

        

    

    

        

            

            

        

        

            
                this.tableInfo.list = res.data.data.list
            

        

    

    

        

            

            

        

        

            
                this.tableInfo.total = res.data.data.total
            

        

    

    

        

            

            

        

        

            
                }).catch(error => {
            

        

    

    

        

            

            

        

        

            
                this.$message(error.data.message)
            

        

    

    

        

            

            

        

        

            
                })
            

        

    

    

        

            

            

        

        

            
                },
            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

            
                }

2、頁面點擊新增：展示彈框，并將彈框內容去除掉，點擊新增，將彈框內容發送給后端

3、頁面點擊列表里面具體數據的編輯：彈框，并回填數據，修改將當前數據的id和表格數據傳給后端

4、刪除按鈕，點擊出現二次確認彈框，點擊確認將當前數據的id給后端就行

testApi.vue 源碼：

 


    

        

            

            

        

        

            
                <template> 
            

        

    

    

        

            

            

        

        

            
                <div class="pro_body"> 
            

        

    

    

        

            

            

        

        

            
                <el-button type='success' @click="addModal">新增</el-button> 
            

        

    

    

        

            

            

        

        

            
                <el-table 
            

        

    

    

        

            

            

        

        

            
                :data="tableInfo.list" 
            

        

    

    

        

            

            

        

        

            
                style="width: 100%">
            

        

    

    

        

            

            

        

        

            
                <el-table-column 
            

        

    

    

        

            

            

        

        

            
                type="index" 
            

        

    

    

        

            

            

        

        

            
                label="序號" 
            

        

    

    

        

            

            

        

        

            
                align="center">
            

        

    

    

        

            

            

        

        

            
                </el-table-column> 
            

        

    

    

        

            

            

        

        

            
                <el-table-column 
            

        

    

    

        

            

            

        

        

            
                prop="name" 
            

        

    

    

        

            

            

        

        

            
                label="姓名" 
            

        

    

    

        

            

            

        

        

            
                align="center">
            

        

    

    

        

            

            

        

        

            
                </el-table-column> 
            

        

    

    

        

            

            

        

        

            
                <el-table-column 
            

        

    

    

        

            

            

        

        

            
                prop="age" 
            

        

    

    

        

            

            

        

        

            
                label="年齡" 
            

        

    

    

        

            

            

        

        

            
                align="center">
            

        

    

    

        

            

            

        

        

            
                </el-table-column> 
            

        

    

    

        

            

            

        

        

            
                <el-table-column 
            

        

    

    

        

            

            

        

        

            
                prop="address" 
            

        

    

    

        

            

            

        

        

            
                label="地址">
            

        

    

    

        

            

            

        

        

            
                </el-table-column> 
            

        

    

    

        

            

            

        

        

            
                <el-table-column 
            

        

    

    

        

            

            

        

        

            
                prop="phone" 
            

        

    

    

        

            

            

        

        

            
                label="手機號">
            

        

    

    

        

            

            

        

        

            
                </el-table-column> 
            

        

    

    

        

            

            

        

        

            
                <el-table-column 
            

        

    

    

        

            

            

        

        

            
                prop="email" 
            

        

    

    

        

            

            

        

        

            
                label="郵箱">
            

        

    

    

        

            

            

        

        

            
                </el-table-column> 
            

        

    

    

        

            

            

        

        

            
                <el-table-column 
            

        

    

    

        

            

            

        

        

            
                label="操作" 
            

        

    

    

        

            

            

        

        

            
                width="100">
            

        

    

    

        

            

            

        

        

            
                <template slot-scope="scope"> 
            

        

    

    

        

            

            

        

        

            
                <el-button type="text" size="small" @click="editFun(scope.row)">編輯</el-button> 
            

        

    

    

        

            

            

        

        

            
                <el-button type="text" size="small" @click="deleteFun(scope.row)">刪除</el-button> 
            

        

    

    

        

            

            

        

        

            
                </template> 
            

        

    

    

        

            

            

        

        

            
                </el-table-column> 
            

        

    

    

        

            

            

        

        

            
                </el-table> 
            

        

    

    

        

            

            

        

        

            
                <el-pagination 
            

        

    

    

        

            

            

        

        

            
                class="work_pagination" 
            

        

    

    

        

            

            

        

        

            
                background 
            

        

    

    

        

            

            

        

        

            
                :layout="'total,prev, pager, next,sizes'" 
            

        

    

    

        

            

            

        

        

            
                :total="tableInfo.total" 
            

        

    

    

        

            

            

        

        

            
                :hide-on-single-page="false" 
            

        

    

    

        

            

            

        

        

            
                :current-page="tableInfo.page" 
            

        

    

    

        

            

            

        

        

            
                :page-size="tableInfo.pageSize" 
            

        

    

    

        

            

            

        

        

            
                @current-change="pageChange" 
            

        

    

    

        

            

            

        

        

            
                @size-change="pageSizeChange" 
            

        

    

    

        

            

            

        

        

            
                >
            

        

    

    

        

            

            

        

        

            
                </el-pagination> 
            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

            
                <!--彈框部分--> 
            

        

    

    

        

            

            

        

        

            
                <el-dialog 
            

        

    

    

        

            

            

        

        

            
                custom-class="modalName" 
            

        

    

    

        

            

            

        

        

            
                :visible.sync="modal.show" 
            

        

    

    

        

            

            

        

        

            
                :width="modal.type === 'delete'? '470px' : '800px'">
            

        

    

    

        

            

            

        

        

            
                <h3 v-if="modal.type === 'add'" slot="title">新增</h3> 
            

        

    

    

        

            

            

        

        

            
                <h3 v-if="modal.type === 'edit'" slot="title">修改</h3> 
            

        

    

    

        

            

            

        

        

            
                <h3 v-if="modal.type === 'delete'" slot="title">提示</h3> 
            

        

    

    

        

            

            

        

        

            
                <div v-if="modal.type !== 'delete'" class="editNameBody"> 
            

        

    

    

        

            

            

        

        

            
                <el-form class="editNameFrom" :model="modalFrom" label-width="120px" label-position="right"> 
            

        

    

    

        

            

            

        

        

            
                <el-form-item label="姓名："> 
            

        

    

    

        

            

            

        

        

            
                <el-input v-model="modalFrom.name"></el-input> 
            

        

    

    

        

            

            

        

        

            
                </el-form-item> 
            

        

    

    

        

            

            

        

        

            
                <el-form-item label="年紀："> 
            

        

    

    

        

            

            

        

        

            
                <el-input v-model="modalFrom.age"></el-input> 
            

        

    

    

        

            

            

        

        

            
                </el-form-item> 
            

        

    

    

        

            

            

        

        

            
                <el-form-item label="手機號："> 
            

        

    

    

        

            

            

        

        

            
                <el-input v-model="modalFrom.phone"></el-input> 
            

        

    

    

        

            

            

        

        

            
                </el-form-item> 
            

        

    

    

        

            

            

        

        

            
                <el-form-item label="郵箱："> 
            

        

    

    

        

            

            

        

        

            
                <el-input v-model="modalFrom.email"></el-input> 
            

        

    

    

        

            

            

        

        

            
                </el-form-item> 
            

        

    

    

        

            

            

        

        

            
                <el-form-item label="地址："> 
            

        

    

    

        

            

            

        

        

            
                <el-input v-model="modalFrom.address" type="textarea"></el-input> 
            

        

    

    

        

            

            

        

        

            
                </el-form-item> 
            

        

    

    

        

            

            

        

        

            
                </el-form> 
            

        

    

    

        

            

            

        

        

            
                </div> 
            

        

    

    

        

            

            

        

        

            
                <div v-if="modal.type === 'delete'"> 
            

        

    

    

        

            

            

        

        

            
                <i class="el-icon-warning" style="margin-right:7px;color:#FFAA00;font-size: 16px;"></i>請確認是否刪除
            

        

    

    

        

            

            

        

        

            
                </div> 
            

        

    

    

        

            

            

        

        

            
                <div slot="footer" class="dialog-footer"> 
            

        

    

    

        

            

            

        

        

            
                <el-button @click="modal.show = false">取 消</el-button> 
            

        

    

    

        

            

            

        

        

            
                <el-button v-if="modal.type === 'add'" type="primary" @click="addUserList">新增</el-button> 
            

        

    

    

        

            

            

        

        

            
                <el-button v-if="modal.type === 'edit'" type="primary" @click="editUserList">修改</el-button> 
            

        

    

    

        

            

            

        

        

            
                <el-button v-if="modal.type === 'delete'" type="primary" @click="deleteUserList">確 認</el-button> 
            

        

    

    

        

            

            

        

        

            
                </div> 
            

        

    

    

        

            

            

        

        

            
                </el-dialog> 
            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

            
                </div> 
            

        

    

    

        

            

            

        

        

            
                </template> 
            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

            
                <script> 
            

        

    

    

        

            

            

        

        

            
                export default {
            

        

    

    

        

            

            

        

        

            
                data() {
            

        

    

    

        

            

            

        

        

            
                return {
            

        

    

    

        

            

            

        

        

            
                tableInfo:{
            

        

    

    

        

            

            

        

        

            
                columns:[
            

        

    

    

        

            

            

        

        

            
                {
            

        

    

    

        

            

            

        

        

            
                title: '序號',
            

        

    

    

        

            

            

        

        

            
                type: 'index',
            

        

    

    

        

            

            

        

        

            
                },{
            

        

    

    

        

            

            

        

        

            
                title: '姓名',
            

        

    

    

        

            

            

        

        

            
                prop: 'name',
            

        

    

    

        

            

            

        

        

            
                align: 'center' 
            

        

    

    

        

            

            

        

        

            
                },
            

        

    

    

        

            

            

        

        

            
                {
            

        

    

    

        

            

            

        

        

            
                title: '年齡',
            

        

    

    

        

            

            

        

        

            
                prop: 'age',
            

        

    

    

        

            

            

        

        

            
                align: 'center' 
            

        

    

    

        

            

            

        

        

            
                },{
            

        

    

    

        

            

            

        

        

            
                title: '地址',
            

        

    

    

        

            

            

        

        

            
                prop: 'address',
            

        

    

    

        

            

            

        

        

            
                align: 'center' 
            

        

    

    

        

            

            

        

        

            
                },{
            

        

    

    

        

            

            

        

        

            
                title: '郵箱',
            

        

    

    

        

            

            

        

        

            
                prop: 'email',
            

        

    

    

        

            

            

        

        

            
                align: 'center' 
            

        

    

    

        

            

            

        

        

            
                },{
            

        

    

    

        

            

            

        

        

            
                title: '手機號',
            

        

    

    

        

            

            

        

        

            
                prop: 'phone',
            

        

    

    

        

            

            

        

        

            
                align: 'center' 
            

        

    

    

        

            

            

        

        

            
                },
            

        

    

    

        

            

            

        

        

            
                {//內容slot 
            

        

    

    

        

            

            

        

        

            
                slot: 'operateT' 
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                ],
            

        

    

    

        

            

            

        

        

            
                list:[],
            

        

    

    

        

            

            

        

        

            
                page:1,
            

        

    

    

        

            

            

        

        

            
                pageSize:10,
            

        

    

    

        

            

            

        

        

            
                total:0,
            

        

    

    

        

            

            

        

        

            
                },
            

        

    

    

        

            

            

        

        

            
                modal:{
            

        

    

    

        

            

            

        

        

            
                show:false,
            

        

    

    

        

            

            

        

        

            
                type:'add' 
            

        

    

    

        

            

            

        

        

            
                },
            

        

    

    

        

            

            

        

        

            
                modalFrom:{
            

        

    

    

        

            

            

        

        

            
                name:'',
            

        

    

    

        

            

            

        

        

            
                age:'',
            

        

    

    

        

            

            

        

        

            
                phone:'',
            

        

    

    

        

            

            

        

        

            
                address:'',
            

        

    

    

        

            

            

        

        

            
                email:'' 
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                };
            

        

    

    

        

            

            

        

        

            
                },
            

        

    

    

        

            

            

        

        

            
                mounted(){
            

        

    

    

        

            

            

        

        

            
                this.initPage()
            

        

    

    

        

            

            

        

        

            
                },
            

        

    

    

        

            

            

        

        

            
                methods: {
            

        

    

    

        

            

            

        

        

            
                /*** 
            

        

    

    

        

            

            

        

        

            
                 * 獲取列表數據 
            

        

    

    

        

            

            

        

        

            
                 */ 
            

        

    

    

        

            

            

        

        

            
                initPage() {
            

        

    

    

        

            

            

        

        

            
                let params = {
            

        

    

    

        

            

            

        

        

            
                page: this.tableInfo.page, //當前頁 
            

        

    

    

        

            

            

        

        

            
                pageSize: this.tableInfo.pageSize //一頁展示多少條 
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                this.$axios.get('http://localhost:7001/setUserList',{
            

        

    

    

        

            

            

        

        

            
                params
            

        

    

    

        

            

            

        

        

            
                }).then(res => {
            

        

    

    

        

            

            

        

        

            
                this.tableInfo.list = res.data.data.list
            

        

    

    

        

            

            

        

        

            
                this.tableInfo.total = res.data.data.total
            

        

    

    

        

            

            

        

        

            
                }).catch(error => {
            

        

    

    

        

            

            

        

        

            
                this.$message(error.data.message)
            

        

    

    

        

            

            

        

        

            
                })
            

        

    

    

        

            

            

        

        

            
                },
            

        

    

    

        

            

            

        

        

            
                /** 
            

        

    

    

        

            

            

        

        

            
                 * 當前頁發生改變 
            

        

    

    

        

            

            

        

        

            
                 * */ 
            

        

    

    

        

            

            

        

        

            
                pageChange(page) {
            

        

    

    

        

            

            

        

        

            
                this.tableInfo.page = page
            

        

    

    

        

            

            

        

        

            
                this.initPage() //刷新列表數據 
            

        

    

    

        

            

            

        

        

            
                },
            

        

    

    

        

            

            

        

        

            
                /** 
            

        

    

    

        

            

            

        

        

            
                 * 當前第幾頁發生改變 
            

        

    

    

        

            

            

        

        

            
                 * */ 
            

        

    

    

        

            

            

        

        

            
                pageSizeChange(pageSize) {
            

        

    

    

        

            

            

        

        

            
                this.tableInfo.page = 1 
            

        

    

    

        

            

            

        

        

            
                this.tableInfo.pageSize = pageSize
            

        

    

    

        

            

            

        

        

            
                this.initPage() //刷新列表數據 
            

        

    

    

        

            

            

        

        

            
                },
            

        

    

    

        

            

            

        

        

            
                //新增彈框 
            

        

    

    

        

            

            

        

        

            
                addModal(){
            

        

    

    

        

            

            

        

        

            
                this.modalFrom ={
            

        

    

    

        

            

            

        

        

            
                name:'',
            

        

    

    

        

            

            

        

        

            
                age:'',
            

        

    

    

        

            

            

        

        

            
                phone:'',
            

        

    

    

        

            

            

        

        

            
                address:'',
            

        

    

    

        

            

            

        

        

            
                email:'' 
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                this.modal.show  = true 
            

        

    

    

        

            

            

        

        

            
                this.modal.type  = 'add' 
            

        

    

    

        

            

            

        

        

            
                },
            

        

    

    

        

            

            

        

        

            
                //修改彈框 
            

        

    

    

        

            

            

        

        

            
                editFun(row){
            

        

    

    

        

            

            

        

        

            
                this.modalFrom = row
            

        

    

    

        

            

            

        

        

            
                this.modal.show  = true 
            

        

    

    

        

            

            

        

        

            
                this.modal.type  = 'edit' 
            

        

    

    

        

            

            

        

        

            
                },
            

        

    

    

        

            

            

        

        

            
                //刪除彈框 
            

        

    

    

        

            

            

        

        

            
                deleteFun(row){
            

        

    

    

        

            

            

        

        

            
                this.modalFrom = row
            

        

    

    

        

            

            

        

        

            
                this.modal.show  = true 
            

        

    

    

        

            

            

        

        

            
                this.modal.type  = 'delete' 
            

        

    

    

        

            

            

        

        

            
                },
            

        

    

    

        

            

            

        

        

            
                addUserList(){
            

        

    

    

        

            

            

        

        

            
                this.$axios({
            

        

    

    

        

            

            

        

        

            
                method:'post',
            

        

    

    

        

            

            

        

        

            
                url:'http://localhost:7001/setUserList',
            

        

    

    

        

            

            

        

        

            
                data:this.modalFrom
            

        

    

    

        

            

            

        

        

            
                }).then(res => {
            

        

    

    

        

            

            

        

        

            
                this.$message.success('新增成功')
            

        

    

    

        

            

            

        

        

            
                this.initPage() //刷新數據 
            

        

    

    

        

            

            

        

        

            
                this.modal.show  = false 
            

        

    

    

        

            

            

        

        

            
                })
            

        

    

    

        

            

            

        

        

            
                },
            

        

    

    

        

            

            

        

        

            
                editUserList(){
            

        

    

    

        

            

            

        

        

            
                this.$axios({
            

        

    

    

        

            

            

        

        

            
                method:'put',
            

        

    

    

        

            

            

        

        

            
                url:'http://localhost:7001/setUserList',
            

        

    

    

        

            

            

        

        

            
                params:{
            

        

    

    

        

            

            

        

        

            
                id:this.modalFrom.id
            

        

    

    

        

            

            

        

        

            
                },
            

        

    

    

        

            

            

        

        

            
                data:this.modalFrom
            

        

    

    

        

            

            

        

        

            
                }).then(res => {
            

        

    

    

        

            

            

        

        

            
                this.$message.success('修改成功')
            

        

    

    

        

            

            

        

        

            
                this.initPage() //刷新數據 
            

        

    

    

        

            

            

        

        

            
                this.modal.show  = false 
            

        

    

    

        

            

            

        

        

            
                })
            

        

    

    

        

            

            

        

        

            
                },
            

        

    

    

        

            

            

        

        

            
                deleteUserList(){
            

        

    

    

        

            

            

        

        

            
                this.$axios({
            

        

    

    

        

            

            

        

        

            
                method:'delete',
            

        

    

    

        

            

            

        

        

            
                url:'http://localhost:7001/setUserList',
            

        

    

    

        

            

            

        

        

            
                params:{
            

        

    

    

        

            

            

        

        

            
                id:this.modalFrom.id
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                }).then(res => {
            

        

    

    

        

            

            

        

        

            
                this.$message.success('刪除成功')
            

        

    

    

        

            

            

        

        

            
                this.initPage() //刷新數據 
            

        

    

    

        

            

            

        

        

            
                this.modal.show  = false 
            

        

    

    

        

            

            

        

        

            
                })
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                </script> 
            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

            
                <style lang='scss'> 
            

        

    

    

        

            

            

        

        

            
                .modalName{
            

        

    

    

        

            

            

        

        

            
                h3{
            

        

    

    

        

            

            

        

        

            
                padding:10px;
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                </style>

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

轉自：csdn
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計、 cs界面設計、 ipad界面設計、包裝設計、圖標定制、用戶體驗、交互設計、網站建設、平面設計服務

« js_防抖與節流（閉包的使用）全面總結圖表設計的思路和方法 »

分類

日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

国产精品一区二区中文字幕| 国产欧美一区二区三区米奇| 一本色道久久88亚洲综合88| 国产精品一区二区精品| 欧美+日本+国产+在线a∨观看| 久久电影tv| 欧美不卡视频一区发布| 不卡的av在线播放| 日本免费久久高清视频| 久久综合色之久久综合| 国产日韩欧美综合一区| 久久久噜久噜久久综合| xxxxx91麻豆| 日韩成人中文电影| 欧美日韩国产精品专区| 欧美三级华人主播| 在线观看视频一区| 高清欧美性猛交xxxx黑人猛交| 在线亚洲男人天堂| 日韩中文字幕av在线| 亚洲变态欧美另类捆绑| 色悠悠亚洲一区二区| 1024成人| 美女av一区二区三区| 欧美性生活一级片| 99久久亚洲一区二区三区青草| 91在线看国产| 国产中文欧美日韩在线| 2021年精品国产福利在线| 日本免费成人| 在线观看中文| 成人在线免费观看网站| 奇米影视首页狠狠色丁香婷婷久久综合| 一区二区三区四区av| 成人午夜激情在线| 99这里有精品| 在线视频自拍| 欧美二区在线| 91九色在线视频| xxxcom在线观看| 国产激情在线观看| 里番精品3d一二三区| 91九色对白| 久久激情婷婷| 欧美色图首页| 亚洲人成7777| 亚洲最大在线视频| 日韩精品在线观看网站| 国产98色在线| 亚洲图片一区二区| 婷婷久久综合九色综合伊人色| 丁香影院在线| 精品久久久999| 欧美在线播放一区| 亚洲视频在线免费观看| 日韩视频中文字幕| 欧美精品一区二区三区国产精品| 国产目拍亚洲精品99久久精品| 成人动漫在线免费观看| 乱一区二区三区在线播放| www..com久久爱| 久久精品日韩| 中文无码日韩欧| 欧美久久久久久久久中文字幕| 欧洲一区二区三区在线| 亚洲欧美卡通另类91av| 国产一区精品福利| 国产午夜精品全部视频播放| 日韩欧美国产视频| 欧美一区二区观看视频| 亚洲欧洲国产日韩精品| 亚洲欧美日韩精品久久奇米色影视| 在线视频日韩| 欧美视频国产精品| 狂野欧美xxxx韩国少妇| 2020国产精品久久精品不卡| 91在线观看免费观看| 欧美一区二区视频免费观看| 欧美午夜在线播放| 国产成人av电影在线观看| 亚洲综合色激情五月| 久久久久久九九九九| 亚洲宅男网av| 中文字幕久久亚洲| 一本一本久久a久久综合精品| 国产精品另类一区| 日本高清成人vr专区| 91欧美国产| 免费的黄网站在线观看| 韩国一区二区电影| 2019日本中文字幕| 夜夜嗨网站十八久久| 丁香花高清在线观看完整版| 日韩电影在线观看电影| 国产不卡高清在线观看视频| 免费av在线播放| 天天做天天爱天天综合网| 精品日韩视频在线观看| 精品一区二区三区中文字幕在线| 国产亚洲在线观看| 国产精品第1页| 日韩一区二区三免费高清| 成人国产精品久久久久久亚洲| 欧洲成人一区| 日韩av一区在线| 亚洲bt欧美bt精品777| 欧美禁忌电影网| 亚洲国产毛片aaaaa无费看| 久久精品久久综合| 亚洲一区二区日本| 乱色588欧美| 五月天国产一区| 亚洲欧美综合一区| 欧美影视一区| 国产国语刺激对白av不卡| 国产精品日本一区二区| 日本高清久久一区二区三区| 久久久影视精品| 国产精品美女久久久久久免费| 无码国模国产在线观看| 亚洲欧洲综合另类在线| 最新国产精品精品视频| 你懂的网址一区二区三区| 日本一区福利在线| 亚洲黄色录像片| 91精品国产色综合久久不卡蜜臀| 九九国产精品视频| 亚洲精品久久久久久一区二区| 久久久久久久久久久9不雅视频| 亚洲精品电影在线| 日韩精品伦理第一区| 欧美日韩精品在线播放| 国产欧美一区在线| 欧美综合久久久| 东方欧美亚洲色图在线| 亚洲精品国产setv| 欧美成人有码| 国产精欧美一区二区三区| 午夜精品久久久久久久久久久久久| 99久久免费国| 四虎成人av| 色婷婷久久一区二区三区麻豆| 黄色成年人视频在线观看| 欧美老肥妇做.爰bbww| 999久久久国产精品| 国模精品视频| 国产一区视频在线看| 久久韩国免费视频| 91亚洲精品在看在线观看高清| 久久久久国产一区二区三区四区| 99蜜月精品久久91| 国产三级精品视频| 伊人久久婷婷| 91激情在线| 在线一区二区三区四区五区| 亚洲欧美成人网| 亚洲加勒比久久88色综合| 天堂资源在线中文精品| 成人精品国产免费网站| 51午夜精品视频| 99久久er热在这里只有精品15| 国产精品成人一区二区网站软件| 国产午夜精品在线观看| 日韩电影中文字幕在线|