首页 发现 帮助
注册 登录
front
/
AIPlatform
2
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

登录

luolei 5 年之前
父节点
6e0ff63a78
当前提交
aa79614861
共有 4 个文件被更改，包括 57 次插入 和 2 次删除
合并视图 显示文件统计
  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: {
 
   entry: {
 
     index: path.resolve(__dirname, 'src/js', 'index.js'),
 
     index: path.resolve(__dirname, 'src/js', 'index.js'),
 
     qcScore:path.resolve(__dirname, 'src/js', 'qcScore.js'),
 
     qcScore:path.resolve(__dirname, 'src/js', 'qcScore.js'),
 
+    login:path.resolve(__dirname, 'src/js', 'login.js'),
 
     vendor: 'lodash'// 多个页面所需的公共库文件，防止重复打包带入
 
     vendor: 'lodash'// 多个页面所需的公共库文件，防止重复打包带入
 
   },
 
   },
 
   output: {
 
   output: {
 
@@ -22,7 +23,7 @@ module.exports = {
 
     extensions: [".js", ".css", ".json"],
 
     extensions: [".js", ".css", ".json"],
 
     alias: {} //配置别名可以加快webpack查找模块的速度
 
     alias: {} //配置别名可以加快webpack查找模块的速度
 
   },
 
   },
 
-  plugins: [// 多入口的html文件用chunks这个参数来区分
 
+  plugins: [//多入口的html文件用chunks这个参数来区分
 
     new HtmlWebpackPlugin({
 
     new HtmlWebpackPlugin({
 
       title: 'index',
 
       title: 'index',
 
       template: path.resolve(__dirname, 'src/html', 'index.html'),
 
       template: path.resolve(__dirname, 'src/html', 'index.html'),
 
@@ -79,7 +80,7 @@ module.exports = {
 
       title: 'login.html',
 
       title: 'login.html',
 
       template: path.resolve(__dirname, 'src/html', 'login.html'),
 
       template: path.resolve(__dirname, 'src/html', 'login.html'),
 
       filename: 'login.html',
 
       filename: 'login.html',
 
-      chunks: ['index', 'vendor', 'common'],
 
+      chunks: ['login', 'vendor', 'common'],
 
       hash: true, //防止缓存
 
       hash: true, //防止缓存
 
       inject: true,
 
       inject: true,
 
       minify: {
 
       minify: {