From 5bc8bb8ec89f9593189a0486f1a024a49f54a74e Mon Sep 17 00:00:00 2001 From: whycwx <1272078254@qq.com> Date: 星期五, 23 七月 2021 17:29:03 +0800 Subject: [PATCH] 登录 --- src/pages/login.vue | 47 +++++++-- package-lock.json | 165 +++++++++++++++++--------------- package.json | 3 src/assets/js/axios.js | 30 ++++++ src/assets/js/api.js | 14 ++ 5 files changed, 168 insertions(+), 91 deletions(-) diff --git a/package-lock.json b/package-lock.json index 897b775..d59215d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1703,16 +1703,6 @@ "integrity": "sha1-/q7SVZc9LndVW4PbwIhRpsY1IPo=", "dev": true }, - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "optional": true, - "requires": { - "color-convert": "^2.0.1" - } - }, "cacache": { "version": "13.0.1", "resolved": "https://registry.npm.taobao.org/cacache/download/cacache-13.0.1.tgz?cache=0&sync_timestamp=1594429684526&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcacache%2Fdownload%2Fcacache-13.0.1.tgz", @@ -1739,53 +1729,6 @@ "unique-filename": "^1.1.1" } }, - "chalk": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.1.tgz", - "integrity": "sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==", - "dev": true, - "optional": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "optional": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true, - "optional": true - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true, - "optional": true - }, - "loader-utils": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz", - "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==", - "dev": true, - "optional": true, - "requires": { - "big.js": "^5.2.2", - "emojis-list": "^3.0.0", - "json5": "^2.1.2" - } - }, "source-map": { "version": "0.6.1", "resolved": "https://registry.npm.taobao.org/source-map/download/source-map-0.6.1.tgz", @@ -1800,16 +1743,6 @@ "requires": { "figgy-pudding": "^3.5.1", "minipass": "^3.1.1" - } - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "optional": true, - "requires": { - "has-flag": "^4.0.0" } }, "terser-webpack-plugin": { @@ -1827,18 +1760,6 @@ "source-map": "^0.6.1", "terser": "^4.6.12", "webpack-sources": "^1.4.3" - } - }, - "vue-loader-v16": { - "version": "npm:vue-loader@16.3.3", - "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.3.3.tgz", - "integrity": "sha512-/1GzCuQ6MRORbC+leKTKoTGtpQt60bYe0gDGEextSteA2OM+v201FPha5jzmjQzVhRcwieZeUvezAtG5a/e5cw==", - "dev": true, - "optional": true, - "requires": { - "chalk": "^4.1.0", - "hash-sum": "^2.0.0", - "loader-utils": "^2.0.0" } } } @@ -6372,6 +6293,11 @@ "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz", "integrity": "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ==" }, + "js-md5": { + "version": "0.7.3", + "resolved": "https://registry.npmjs.org/js-md5/-/js-md5-0.7.3.tgz", + "integrity": "sha512-ZC41vPSTLKGwIRjqDh8DfXoCrdQIyBgspJVPXHBGu4nZlAEvG3nf+jO9avM9RmLiGakg7vz974ms99nEV0tmTQ==" + }, "js-message": { "version": "1.0.7", "resolved": "https://registry.npm.taobao.org/js-message/download/js-message-1.0.7.tgz?cache=0&sync_timestamp=1605128905632&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjs-message%2Fdownload%2Fjs-message-1.0.7.tgz", @@ -10671,6 +10597,87 @@ } } }, + "vue-loader-v16": { + "version": "npm:vue-loader@16.3.3", + "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.3.3.tgz", + "integrity": "sha512-/1GzCuQ6MRORbC+leKTKoTGtpQt60bYe0gDGEextSteA2OM+v201FPha5jzmjQzVhRcwieZeUvezAtG5a/e5cw==", + "dev": true, + "optional": true, + "requires": { + "chalk": "^4.1.0", + "hash-sum": "^2.0.0", + "loader-utils": "^2.0.0" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "optional": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.1.tgz", + "integrity": "sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==", + "dev": true, + "optional": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "optional": true, + "requires": { + "color-name": "~1.1.4" + } + }, + "color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true, + "optional": true + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "optional": true + }, + "loader-utils": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz", + "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==", + "dev": true, + "optional": true, + "requires": { + "big.js": "^5.2.2", + "emojis-list": "^3.0.0", + "json5": "^2.1.2" + } + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "optional": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, "vue-router": { "version": "3.4.9", "resolved": "https://registry.npm.taobao.org/vue-router/download/vue-router-3.4.9.tgz?cache=0&sync_timestamp=1607347284428&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-router%2Fdownload%2Fvue-router-3.4.9.tgz", diff --git a/package.json b/package.json index e63322f..be771c2 100644 --- a/package.json +++ b/package.json @@ -10,9 +10,10 @@ "axios": "^0.19.2", "core-js": "^3.6.5", "echarts": "^5.1.1", - "postcss-px2rem-exclude": "^0.0.6", "flexible": "^0.1.20", + "js-md5": "^0.7.3", "lib-flexible": "^0.3.2", + "postcss-px2rem-exclude": "^0.0.6", "vant": "^2.8.1", "vue": "^2.6.11", "vue-router": "^3.2.0", diff --git a/src/assets/js/api.js b/src/assets/js/api.js new file mode 100644 index 0000000..e85914d --- /dev/null +++ b/src/assets/js/api.js @@ -0,0 +1,14 @@ +import axios from "./axios"; +import md5 from "js-md5"; +/** + * 鐧诲綍绯荤粺 + * 鍙傛暟 "uinf.UName="+鐢ㄦ埛鍚�+"&uinf.Upassword="+瀵嗙爜+"&uinf.UId="+鏄惁璁颁綇瀵嗙爜(0,1) + * 瀵嗙爜闇�瑕佷娇鐢╤ex_md5鍔犲瘑 + */ + export const login = (username, password) => { + return axios({ + method: "post", + url: `LoginAction_login?uinf.UName=${username}&uinf.Upassword=${md5(password)}&uinf.UId=0`, + data: null + }) +} \ No newline at end of file diff --git a/src/assets/js/axios.js b/src/assets/js/axios.js new file mode 100644 index 0000000..e1e7481 --- /dev/null +++ b/src/assets/js/axios.js @@ -0,0 +1,30 @@ +import Vue from 'vue'; +import axios from 'axios'; +if(process.env.NODE_ENV == 'dev') { + // 璺ㄥ煙璇锋眰 + axios.defaults.baseURL = 'http://localhost:8919/fg/'; + axios.defaults.withCredentials = true; // 淇濇寔璇锋眰澶� +} + + + +// 娣诲姞璇锋眰鎷︽埅鍣� +axios.interceptors.request.use(function (config) { + // 鍦ㄥ彂閫佽姹備箣鍓嶅仛浜涗粈涔� + return config; +}, function (error) { + // 瀵硅姹傞敊璇仛浜涗粈涔� + return Promise.reject(error); +}); + +// 娣诲姞鍝嶅簲鎷︽埅鍣� +axios.interceptors.response.use(function (response) { + // 瀵瑰搷搴旀暟鎹仛鐐逛粈涔� + return response; +}, function (error) { + return Promise.reject(error); +}); + +Vue.prototype.$axios = axios; + +export default axios; diff --git a/src/pages/login.vue b/src/pages/login.vue index 5ad507a..bb6d088 100644 --- a/src/pages/login.vue +++ b/src/pages/login.vue @@ -18,6 +18,7 @@ </template> <script> + import { login } from "@/assets/js/api"; export default { data() { return { @@ -29,22 +30,46 @@ }, methods: { + // 鐧诲綍 submit() { - if (this.userName == '') { - this.$toast('璇疯緭鍏ヨ处鍙�!') + let self = this; + if (self.userName == '') { + self.$toast('璇疯緭鍏ヨ处鍙�!') return } - if (this.password == '') { - this.$toast('璇疯緭鍏ュ瘑鐮�!') + if (self.password == '') { + self.$toast('璇疯緭鍏ュ瘑鐮�!') return } - this.$toast('鐧诲綍鎴愬姛') - setTimeout(() => { - this.$router.push({ - path: '/index' - }) - }, 1500); - } + // 寮�鍚瓑寰呮 + + login(self.userName, self.password).then(res => { + // 瀵圭粨鏋滆繘琛屽鐞� + console.log(res) + self.handleLogin(res) + }).catch(error => { + // 鍏抽棴绛夊緟 + // console.log(error); + self.$toast("缃戠粶寮傚父"); + }); + }, + // 鐧诲綍楠岃瘉 + handleLogin(res) { + let self = this; + // 鍏抽棴绛夊緟 + // this.loading = false; + let rs = JSON.parse(res.data.result); + if (rs.code == 1) { + self.$toast("鐧诲綍鎴愬姛"); + sessionStorage.setItem('username', self.username); + sessionStorage.setItem('userId', rs.data); + self.$router.push({ + path: '/index' + }) + } else { + self.$toast(rs.msg); + } + }, } } </script> -- Gitblit v1.9.1