express学习23-多人管理项目11邮箱地址查询信息

原创

前端歌谣2022-08-07 00:06:26©著作权

文章标签 bootstrap css html 文章分类 Hadoop 大数据

©著作权归作者所有：来自51CTO博客作者前端歌谣的原创作品，请联系作者获取转载授权，否则将追究法律责任

blog.js

const express = require('express');//创建网站服务器const app = express();//开放静态资源文件const path = require('path');require('./model/connect')    //告诉express框架模板所在的位置app.set('views', path.join(__dirname, 'views'));//告诉express框架模板的后缀是什么app.set('view engine', 'art');//当渲染后缀为art的时候 搜索引擎是什么app.engine('art', require('express-art-template')) app.use(express.static(path.join(__dirname, 'public')));//引入路由模块 const home = require('./homegeyao');const admin = require('./admingeyao'); app.use('/home', home);app.use('/admin', admin);app.listen(3000); console.log('服务器启动成功');

admingeyao.js

//管理页面//展示页面const express = require('express'); const admin = express.Router(); admin.get('/login', (req, res) => {    res.render('admin/login')});admin.get('/user', (req, res) => {    res.render('admin/user')}); module.exports = admin;

homegeyao.js

//展示页面const express = require('express'); const home = express.Router(); home.get('/', (req, res) => {    res.send('欢迎来到博客首页');}); module.exports = home;

connect.js

// 引入mongoose第三方模块const mongoose = require('mongoose');// 连接数据库mongoose.connect('mongodb://localhost/blog', {useNewUrlParser: true })  .then(() => console.log('数据库连接成功'))  .catch(() => console.log('数据库连接失败'))

user.js

// 创建用户集合// 引入mongoose第三方模块const mongoose = require('mongoose');// 导入bcryptconst bcrypt = require('bcrypt');// 引入joi模块const Joi = require('joi');// 创建用户集合规则const userSchema = new mongoose.Schema({  username: {    type: String,    required: true,    minlength: 2,    maxlength: 20  },  email: {    type: String,    // 保证邮箱地址在插入数据库时不重复    unique: true,    required: true  },  password: {    type: String,    required: true  },  // admin 超级管理员  // normal 普通用户  role: {    type: String,    required: true  },  // 0 启用状态  // 1 禁用状态  state: {    type: Number,    default: 0  }}); // 创建集合const User = mongoose.model('User', userSchema); async function createUser () {  const salt = await bcrypt.genSalt(10);  const pass = await bcrypt.hash('123456', salt);  const user = await User.create({    username: 'iteheima',    email: 'itheima@itcast.cn',    password: pass,    role: 'admin',    state: 0  });} // createUser(); // 验证用户信息const validateUser = user => {  // 定义对象的验证规则  const schema = {    username: Joi.string().min(2).max(12).required().error(new Error('用户名不符合验证规则')),    email: Joi.string().email().required().error(new Error('邮箱格式不符合要求')),    password: Joi.string().regex(/^[a-zA-Z0-9]{3,30}$/).required().error(new Error('密码格式不符合要求')),    role: Joi.string().valid('normal', 'admin').required().error(new Error('角色值非法')),    state: Joi.number().valid(0, 1).required().error(new Error('状态值非法'))  };   // 实施验证  return Joi.validate(user, schema);} // 将用户集合做为模块成员进行导出module.exports = {  User,  validateUser}


<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <title>用户登录title>
    <link rel="stylesheet" href="/admin/lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/admin/css/base.css">
head>
 
<body>
    <div class="login-body">
        <div class="login-container">
            <h4 class="title">黑马程序员 - 博客管理员登录h4>
            <div class="login">
                <form action="/admin/login" method="post" id="loginForm">
                    <div class="form-group">
                        <label>邮件label>
                        <input name="email" type="email" class="form-control" placeholder="请输入邮件地址">
                    div>
                    <div class="form-group">
                        <label>密码label>
                        <input name="password" type="password" class="form-control" placeholder="请输入密码">
                    div>
                    <button type="submit" class="btn btn-primary">登录button>
                form>
            div>
            <div class="tips">div>
        div>
    div>
    <script src="/admin/lib/jquery/dist/jquery.min.js">script>
    <script src="/admin/lib/bootstrap/js/bootstrap.min.js">script>
    <script src="/admin/js/common.js">script>
    <script type="text/javascript">
        // 为表单添加提交事件
        $('#loginForm').on('submit', function () {
            // 获取到表单中用户输入的内容
            var result = serializeToJson($(this))
            // 如果用户没有输入邮件地址的话
            if (result.email.trim().length == 0) {
                alert('请输入邮件地址');
                // 阻止程序向下执行
                return false;
            }
            // 如果用户没有输入密码
            if (result.password.trim().length == 0) {
                alert('请输入密码')
                // 阻止程序向下执行
                return false;
            }
        });
    script>
body>
html>