luolei %!s(int64=5) %!d(string=hai) anos
pai
achega
aa79614861
Modificáronse 4 ficheiros con 57 adicións e 2 borrados
  1. 6 0
      src/css/login.less
  2. 24 0
      src/html/login.html
  3. 24 0
      src/js/login.js
  4. 3 2
      webpack.config.js

+ 6 - 0
src/css/login.less

@@ -0,0 +1,6 @@
+input {
+  border: 1px solid #ccc;
+}
+.login {
+  margin: 100px;
+}

+ 24 - 0
src/html/login.html

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>登录页</title>
+</head>
+<body>
+  <div class="login">
+    <div class="loginForm">
+      <div class="name">
+        <span>用户名:</span>
+        <input type="text" placeholder="请输入用户名称" id="username" value="h12">
+      </div>
+      <div class="word">
+        <span>密码:</span>
+        <input type="text" placeholder="请输入密码" id="password">
+      </div>
+      <div class="sureLogin">登录</div>
+    </div>
+  </div>
+</body>
+</html>

+ 24 - 0
src/js/login.js

@@ -0,0 +1,24 @@
+const $ = require('jquery');
+require("../css/reset.less")
+require("../css/login.less")
+
+const {post} = require('../js/utils.js');
+const url = '/sys/user/getJwt';
+$(function(){
+  $(".sureLogin").click(()=>{
+    let username = $("#username").val();
+    let password = $("#password").val()||'dc483e80a7a0bd9ef71d8cf973673924';
+    post(url,{
+      username:username,
+      password:password
+    }).then((res)=>{
+      console.log(res)
+      const data = res.data;
+      if(data.code == 0){
+        alert('登录成功');
+      }else{
+        alert(data.msg)
+      }
+    })
+  })
+});

+ 3 - 2
webpack.config.js

@@ -11,6 +11,7 @@ module.exports = {
   entry: {
     index: path.resolve(__dirname, 'src/js', 'index.js'),
     qcScore:path.resolve(__dirname, 'src/js', 'qcScore.js'),
+    login:path.resolve(__dirname, 'src/js', 'login.js'),
     vendor: 'lodash'// 多个页面所需的公共库文件,防止重复打包带入
   },
   output: {
@@ -22,7 +23,7 @@ module.exports = {
     extensions: [".js", ".css", ".json"],
     alias: {} //配置别名可以加快webpack查找模块的速度
   },
-  plugins: [// 多入口的html文件用chunks这个参数来区分
+  plugins: [//多入口的html文件用chunks这个参数来区分
     new HtmlWebpackPlugin({
       title: 'index',
       template: path.resolve(__dirname, 'src/html', 'index.html'),
@@ -79,7 +80,7 @@ module.exports = {
       title: 'login.html',
       template: path.resolve(__dirname, 'src/html', 'login.html'),
       filename: 'login.html',
-      chunks: ['index', 'vendor', 'common'],
+      chunks: ['login', 'vendor', 'common'],
       hash: true, //防止缓存
       inject: true,
       minify: {