1、在view資料夾下建立login資料夾，建立index.vue：代表登入的元件
配置router.js,匯入登入元件
import vue from "vue";import router from "vue-router";
//匯入登入元件』
import login from './views/login/index.vue'vue.use(router);
export
default
newrouter(
]});
2、結合element-ui編寫index.vue,index.vue的目錄為：views/login/index.vue
登入取消
3、表單驗證
1、在el-form中匯入 :rules="rules"，el-form-item匯入pro=「屬性名稱」
在export的data中配置rules：
rules:],password: [
]},
配置methods：
methods: else})},
//onsubmit() //}
}
4、easymock新增系統登入後台服務介面
2、配置 mock.js，建立新的介面
①當登入成功後，響應狀態碼2000和token值，token用來認證（後面請求只要是成功的，狀態碼均為2000，這個是與後台介面的約定）
* 請求url：/user/login
* 請求方式：post
* 描述： 登入認證
* mock.js 介面配置：
}
②通過token獲取使用者資訊：
新增響應使用者資訊模擬介面：
* 請求url：/user/info/
* 請求方式：get
* 描述：響應使用者資訊
* mock.js 配置
}
5、登入邏輯實現
在src/api 下建立login.js，匯出兩個方法
import request from '@/utils/request'//匯出函式
export function
login(username, password)
})}//
獲取返回的使用者資訊
export function
getuserinfo(token) `,
method: 'get'})
}
表單校驗：
methods:else})}
else})}
else
})},
//onsubmit() //}
}
PHP MYSQL登陸頁面4
登陸頁面 echo 問題1 為什麼要denglu.php傳到這裡，因為php 獲取的也在這個頁面上啊，問題2 為什麼密碼只乙個，呵呵，這個登陸好嗎，你的使用者名稱 密碼已經儲存好了，登陸合適就可以了呀 為什麼這個頁面也要用session技術，因為使用者登入後沒退出下次登陸到這個頁面也是登陸後頁面哈，...
使用bootstrap的登陸頁面
這裡使用的是使用比較流行的自舉完成的登陸介面 執行主要截圖以及 如下 主要css charset utf 8 grad logindiv hint title 主要頁面 選課管理 使用者名稱或密碼錯誤。登陸 div name username name password focus function...
登陸頁面測試用例
顯式基本功能 1.已註冊使用者名稱和正確密碼，是否登陸成功 2.已註冊使用者名稱和錯誤密碼，是否登陸失敗，並且提示資訊是否正確 3.非註冊使用者和任意密碼，驗證是否登陸失敗，並且提示資訊是否正確 4.使用者名稱和密碼都是空，驗證是否登陸失敗，並且提示資訊是否正確 5.使用者名稱和密碼兩者之一為空，驗...