JavaWeb JavaScript ⑩ 日程管理 第一期

已于 2024-09-01 21:30:25 修改
阅读量247 收藏 2
点赞数 8
分类专栏： JavaWeb 前端前端前端 文章标签： javascript 前端 开发语言
于 2024-09-01 20:04:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_73983707/article/details/141748623
版权

自我消耗，敏感是我，

明媚是我，

我横跳在不同的情绪中

                        —— 24.8.31

一、登录页及校验

1.校验账号格式

        // 校验账号格式
        function checkUsername(){
            // 定义正则表达式表示字符串规则
            var usernameReg = /^[a-zA-Z0-9]{5,10}$/;
            // 获取用户名输入框的值
            var usernameInput = document.getElementById("usernameInput");
            var username = usernameInput.value;
            // 获取提示信息元素
            var usernameMsg = document.getElementById("usernameMsg");
            // 判断用户名是否符合规则
            if(usernameReg.test(username)){
                // 符合规则，返回true，在页面上提示OK
                usernameMsg.innerText = "OK";
                return true;
            }else{
                // 不符合规则，显示提示信息
                usernameMsg.innerText = "用户名必须为5-10位字母、数字或下划线";
                // 格式有误时，返回false，阻止表单提交
                return false;
            }
        }

2.校验密码格式

        // 校验密码是否符合规则的函数
        function checkUserPwd(){
            // 定义正则表达式表示字符串规则
            var userPwdReg = /^[0-9]{6}$/;
            // 获取密码输入框的值
            var userPwdInput = document.getElementById("userPwdInput");
            var userPwd = userPwdInput.value;
            // 获得格式提示的框
            var userPwdMsg = document.getElementById("userPwdMsg");
            // 判断密码是否符合规则
            if(userPwdReg.test(userPwd)){
                // 符合规则，显示提示信息
                userPwdMsg.innerText = "OK";
                return true;
            }else{
                // 不符合规则，显示提示信息
                userPwdMsg.innerText = "用户名密码格式有误，密码必须是六位数字";
                return false;
            }
        }

3.检验表单函数

        // 校验表单函数
        function checkForm(){
            var flag1 = checkUsername();
            var flag2 = checkUserPwd();

            // 如果两个函数都返回true，说明格式都正确，可以提交表单
            return flag1 && flag2;
        }

4.CSS样式

    <style>
        .ht{
            text-align: center;
            color: cadetblue;
            font-family: 幼圆;
            }

        .tab{
            width: 500px;
            border: 5px solid cadetblue;
            margin: 0px auto;
            border-radius: 5px;
            font-family: 幼圆;
            }
        
        .ltr td{
            border: 1px solid  powderblue;
            }

        .ipt{
            border: 0px;
            width: 50%;
            }

        .btn1{
            border: 2px solid powderblue;
            border-radius: 4px;
            width:60px;
            background-color: antiquewhite;
            }

        #usernameMsg , #userPwdMsg {
            color: gold
            }

        .buttonContainer{
            text-align: center;
            }
    </style>

5.JavaScript代码

    <script>
        // 校验账号格式
        function checkUsername(){
            // 定义正则表达式表示字符串规则
            var usernameReg = /^[a-zA-Z0-9]{5,10}$/;
            // 获取用户名输入框的值
            var usernameInput = document.getElementById("usernameInput");
            var username = usernameInput.value;
            // 获取提示信息元素
            var usernameMsg = document.getElementById("usernameMsg");
            // 判断用户名是否符合规则
            if(usernameReg.test(username)){
                // 符合规则，返回true，在页面上提示OK
                usernameMsg.innerText = "OK";
                return true;
            }else{
                // 不符合规则，显示提示信息
                usernameMsg.innerText = "用户名必须为5-10位字母、数字或下划线";
                // 格式有误时，返回false，阻止表单提交
                return false;
            }
        }

        // 校验密码是否符合规则的函数
        function checkUserPwd(){
            // 定义正则表达式表示字符串规则
            var userPwdReg = /^[0-9]{6}$/;
            // 获取密码输入框的值
            var userPwdInput = document.getElementById("userPwdInput");
            var userPwd = userPwdInput.value;
            // 获得格式提示的框
            var userPwdMsg = document.getElementById("userPwdMsg");
            // 判断密码是否符合规则
            if(userPwdReg.test(userPwd)){
                // 符合规则，显示提示信息
                userPwdMsg.innerText = "OK";
                return true;
            }else{
                // 不符合规则，显示提示信息
                userPwdMsg.innerText = "用户名密码格式有误，密码必须是六位数字";
                return false;
            }
        }

        // 校验表单函数
        function checkForm(){
            var flag1 = checkUsername();
            var flag2 = checkUserPwd();

            // 如果两个函数都返回true，说明格式都正确，可以提交表单
            return flag1 && flag2;
        }
    </script>

6.整体代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .ht{
            text-align: center;
            color: cadetblue;
            font-family: 幼圆;
            }

        .tab{
            width: 500px;
            border: 5px solid cadetblue;
            margin: 0px auto;
            border-radius: 5px;
            font-family: 幼圆;
            }
        
        .ltr td{
            border: 1px solid  powderblue;
            }

        .ipt{
            border: 0px;
            width: 50%;
            }

        .btn1{
            border: 2px solid powderblue;
            border-radius: 4px;
            width:60px;
            background-color: antiquewhite;
            }

        #usernameMsg , #userPwdMsg {
            color: gold
            }

        .buttonContainer{
            text-align: center;
            }
    </style>

    <script>
        // 校验账号格式
        function checkUsername(){
            // 定义正则表达式表示字符串规则
            var usernameReg = /^[a-zA-Z0-9]{5,10}$/;
            // 获取用户名输入框的值
            var usernameInput = document.getElementById("usernameInput");
            var username = usernameInput.value;
            // 获取提示信息元素
            var usernameMsg = document.getElementById("usernameMsg");
            // 判断用户名是否符合规则
            if(usernameReg.test(username)){
                // 符合规则，返回true，在页面上提示OK
                usernameMsg.innerText = "OK";
                return true;
            }else{
                // 不符合规则，显示提示信息
                usernameMsg.innerText = "用户名必须为5-10位字母、数字或下划线";
                // 格式有误时，返回false，阻止表单提交
                return false;
            }
        }

        // 校验密码是否符合规则的函数
        function checkUserPwd(){
            // 定义正则表达式表示字符串规则
            var userPwdReg = /^[0-9]{6}$/;
            // 获取密码输入框的值
            var userPwdInput = document.getElementById("userPwdInput");
            var userPwd = userPwdInput.value;
            // 获得格式提示的框
            var userPwdMsg = document.getElementById("userPwdMsg");
            // 判断密码是否符合规则
            if(userPwdReg.test(userPwd)){
                // 符合规则，显示提示信息
                userPwdMsg.innerText = "OK";
                return true;
            }else{
                // 不符合规则，显示提示信息
                userPwdMsg.innerText = "用户名密码格式有误，密码必须是六位数字";
                return false;
            }
        }

        // 校验表单函数
        function checkForm(){
            var flag1 = checkUsername();
            var flag2 = checkUserPwd();

            // 如果两个函数都返回true，说明格式都正确，可以提交表单
            return flag1 && flag2;
        }
    </script>
</head>
<body>
    <h1 class="ht">欢迎使用日程管理系统</h1>
    <h3 class="ht">请登录</h3>
    <form method="post" action="/user/login" onsubmit="return checkForm()">
        <table class="tab" cellspacing="0px">
            <tr class="ltr">
                <td>请输入账号</td>
                <td>
                    <input class="ipt" type="text" id="usernameInput" name="username" onblur="checkUsername()">
                    <span id="usernameMsg" class="=msg"></span>
                </td>
            </tr>
            <tr class="ltr">
                <td>请输入密码</td>
                <td>
                    <input class="ipt" type="password" name="userPwd" id="userPwdInput" onblur="checkUserPwd()">
                    <span id="userPwdMsg"></span>
                </td>
            </tr>
            <tr class="ltr">
                <td colspan="2" class="buttonContainer">
                    <input class="btn1" type="submit" value="登录">
                    <input class="btn1" type="reset" value="重置">
                    <button class="btn1"><a href="regist.html">去注册</a></button>
                </td>
            </tr>
        </table>
    </form>
</body>
</html>

7.效果展示

二、注册页及校验

1.校验账号格式

        // 验证账号格式
        function checkUsername(){
            var usernameReg = /^[a-zA-Z0-9]{5,10}$/;
            var usernameInput = document.getElementById("usernameInput")    ;
            var username = usernameInput.value;
            var usernameMsg = document.getElementById("usernameMsg");
            if(!usernameReg.test(username)){
                usernameMsg.innerText = "账号格式不正确";
                return false;
            }else{
                usernameMsg.innerText = "OK";
                return true;
            }
        }

2.校验密码格式

        // 验证密码格式
        function checkUserPwd(){
            var userPwdReg = /^\d{6}$/;
            // 获取密码输入框的值
            var userPwdInput = document.getElementById("userPwdInput")
            var userPwd = userPwdInput.value;
            // 获取密码提示信息
            var userPwdMsg = document.getElementById("userPwdMsg");
            if(!userPwdReg.test(userPwd)){
                userPwdMsg.innerText = "账号格式不正确";
                return false;
            }else{
                // 符合规则，打印提示信息
                userPwdMsg.innerText = "OK";
                return true;
            }
        }

3.校验确认密码格式

        // 验证确认密码
        function checkReUserPwd(){
            // 密码格式验证
            var userPwdReg = /^\d{6}$/;
            // 再次输入的密码
            var reUserPwdInput = document.getElementById("reUserPwdInput")
            var reUserPwd = reUserPwdInput.value;
            var reUserPwdMsg = document.getElementById("reUserPwdMsg");
            if(!userPwdReg.test(reUserPwd)){
                reUserPwdMsg.innerText = "密码格式不正确";
                return false;
            }
            // 获得上次输入的密码
            var userPwdInput = document.getElementById("userPwdInput")
            var userPwd = userPwdInput.value;
            // 判断两次输入的密码是否一致
            if(reUserPwd != userPwd){
                reUserPwdMsg.innerText = "两次输入的密码不一致";
                return false;
            }else{
                reUserPwdMsg.innerText = "OK";
                return true;
            }
        }

4.验证表单函数

        // 验证表单函数
        function checkForm(){
            var flag1 = checkUsername();
            var flag2 = checkUserPwd();
            var flag3 = checkReUserPwd();

            return flag1 && flag2 && flag3;
        }

5.CSS样式

    <style>
        .ht{
            text-align: center;
            color:cadetblue;
            font-family: 幼圆;
        }

        .tab{
            width: 500px;
            border: 5px solid cadetblue;
            margin: 0px auto;
            border-radius: 5px;
            font-family: 幼圆;
        }

        .ltr td{
            border: 1px solid powderblue;
        }

        .ipt{
            bottom: 0px;
            width: 50%;
        }

        .btn1{
            border: 2px solid powderblue;
            border-radius: 4px;
            width: 60px;
            background: antiquewhite;
        }

        .msg{
            color: gold;
        }

        .buttonContainer{
            text-align: center;
        }

    </style>

6.JavaScript代码

    <script>
        // 验证账号格式
        function checkUsername(){
            var usernameReg = /^[a-zA-Z0-9]{5,10}$/;
            var usernameInput = document.getElementById("usernameInput")    ;
            var username = usernameInput.value;
            var usernameMsg = document.getElementById("usernameMsg");
            if(!usernameReg.test(username)){
                usernameMsg.innerText = "账号格式不正确";
                return false;
            }else{
                usernameMsg.innerText = "OK";
                return true;
            }
        }

        // 验证密码格式
        function checkUserPwd(){
            var userPwdReg = /^\d{6}$/;
            // 获取密码输入框的值
            var userPwdInput = document.getElementById("userPwdInput")
            var userPwd = userPwdInput.value;
            // 获取密码提示信息
            var userPwdMsg = document.getElementById("userPwdMsg");
            if(!userPwdReg.test(userPwd)){
                userPwdMsg.innerText = "账号格式不正确";
                return false;
            }else{
                // 符合规则，打印提示信息
                userPwdMsg.innerText = "OK";
                return true;
            }
        }

        // 验证确认密码
        function checkReUserPwd(){
            // 密码格式验证
            var userPwdReg = /^\d{6}$/;
            // 再次输入的密码
            var reUserPwdInput = document.getElementById("reUserPwdInput")
            var reUserPwd = reUserPwdInput.value;
            var reUserPwdMsg = document.getElementById("reUserPwdMsg");
            if(!userPwdReg.test(reUserPwd)){
                reUserPwdMsg.innerText = "密码格式不正确";
                return false;
            }
            // 获得上次输入的密码
            var userPwdInput = document.getElementById("userPwdInput")
            var userPwd = userPwdInput.value;
            // 判断两次输入的密码是否一致
            if(reUserPwd != userPwd){
                reUserPwdMsg.innerText = "两次输入的密码不一致";
                return false;
            }else{
                reUserPwdMsg.innerText = "OK";
                return true;
            }
        }

        // 验证表单函数
        function checkForm(){
            var flag1 = checkUsername();
            var flag2 = checkUserPwd();
            var flag3 = checkReUserPwd();

            return flag1 && flag2 && flag3;
        }

    </script>

7.整体代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .ht{
            text-align: center;
            color:cadetblue;
            font-family: 幼圆;
        }

        .tab{
            width: 500px;
            border: 5px solid cadetblue;
            margin: 0px auto;
            border-radius: 5px;
            font-family: 幼圆;
        }

        .ltr td{
            border: 1px solid powderblue;
        }

        .ipt{
            bottom: 0px;
            width: 50%;
        }

        .btn1{
            border: 2px solid powderblue;
            border-radius: 4px;
            width: 60px;
            background: antiquewhite;
        }

        .msg{
            color: gold;
        }

        .buttonContainer{
            text-align: center;
        }

    </style>

    <script>
        // 验证账号格式
        function checkUsername(){
            var usernameReg = /^[a-zA-Z0-9]{5,10}$/;
            var usernameInput = document.getElementById("usernameInput")    ;
            var username = usernameInput.value;
            var usernameMsg = document.getElementById("usernameMsg");
            if(!usernameReg.test(username)){
                usernameMsg.innerText = "账号格式不正确";
                return false;
            }else{
                usernameMsg.innerText = "OK";
                return true;
            }
        }

        // 验证密码格式
        function checkUserPwd(){
            var userPwdReg = /^\d{6}$/;
            // 获取密码输入框的值
            var userPwdInput = document.getElementById("userPwdInput")
            var userPwd = userPwdInput.value;
            // 获取密码提示信息
            var userPwdMsg = document.getElementById("userPwdMsg");
            if(!userPwdReg.test(userPwd)){
                userPwdMsg.innerText = "账号格式不正确";
                return false;
            }else{
                // 符合规则，打印提示信息
                userPwdMsg.innerText = "OK";
                return true;
            }
        }

        // 验证确认密码
        function checkReUserPwd(){
            // 密码格式验证
            var userPwdReg = /^\d{6}$/;
            // 再次输入的密码
            var reUserPwdInput = document.getElementById("reUserPwdInput")
            var reUserPwd = reUserPwdInput.value;
            var reUserPwdMsg = document.getElementById("reUserPwdMsg");
            if(!userPwdReg.test(reUserPwd)){
                reUserPwdMsg.innerText = "密码格式不正确";
                return false;
            }
            // 获得上次输入的密码
            var userPwdInput = document.getElementById("userPwdInput")
            var userPwd = userPwdInput.value;
            // 判断两次输入的密码是否一致
            if(reUserPwd != userPwd){
                reUserPwdMsg.innerText = "两次输入的密码不一致";
                return false;
            }else{
                reUserPwdMsg.innerText = "OK";
                return true;
            }
        }

        // 验证表单函数
        function checkForm(){
            var flag1 = checkUsername();
            var flag2 = checkUserPwd();
            var flag3 = checkReUserPwd();

            return flag1 && flag2 && flag3;
        }

    </script>
</head>
<body>
    <h1 class="ht">欢迎使用日程管理系统</h1>
    <h3 class="ht">请注册</h3>
    <form method="post" action="/user/regist" onsubmit="return checkForm()">
        <table class="tab" cellspacing="0px">
            <tr class="ltr">
                <td>请输入账号</td>
                <td>
                    <input class="ipt" type="text" name="username" id="usernameInput" onblur="checkUsername()">
                    <span id="usernameMsg" class="msg"></span>
                </td>
            </tr>
            <tr class="ltr">
                <td>请输入密码</td>
                <td>
                    <input class="ipt" type="password" name="userPwd" id="userPwdInput" onblur="checkUserPwd()">
                    <span id="userPwdMsg" class="msg"></span>
                </td>
            </tr>
            <tr class="ltr">
                <td>确认密码</td>
                <td>
                    <input type="password" class="ipt" id="reUserPwdInput" onblur="checkReUserPwd()">
                    <span id="reUserPwdMsg" class="msg"></span>
                </td>
            </tr>
            <tr class="ltr">
                <td colspan="2" class="buttonContainer">
                    <input type="submit" class="btn1" value="注册">
                    <input type="reset" class="btn1" value="重置">
                    <button class="btn1"><a href="login.html">去登陆</a></button>
                </td>
            </tr>
        </table>
    </form>
</body>
</html>

8.效果展示

L_cl
关注
  • 8
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javaweb管理项目，JavaScript
06-03
这个项目是一个基于JavaWeb的管理系统，它主要利用JavaScript技术进行前端交互和处理。JavaWeb是Java技术在Web开发中的应用，它包括了Servlet、JSP（JavaServer Pages）等组件，用于构建动态网站和服务器端应用程序...
基于JavaWeb的个人日程管理系统.zip
12-19
《基于JavaWeb的个人日程管理系统》是一款利用JavaWeb技术实现的在线日程管理平台，旨在帮助用户高效地安排和管理个人的日程活动。本文将深入探讨该项目的技术栈、架构设计以及主要功能实现，旨在为JavaWeb开发人员...
JavaWeb——第三章 JavaScript
这里有一只小马吖
12-17 1019
JavaWeb——第三章 JavaScript
尚硅谷全新JavaWeb教程，企业主流javaweb技术栈【学习笔记】三
qq_43668996的博客
04-07 557
上部分代码： https://download.csdn.net/download/qq_43668996/89066620中部分代码： https://download.csdn.net/download/qq_43668996/89094028。
基于JavaWeb的体育竞赛信息管理系统的设计与实现
07-30 260
摘 要随着体育竞赛的规模和复杂性不断增加，为了更好地组织与管理运动比赛，必须建立一套有效的资讯管理系统。该系统是一个以 JavaWeb为基础，以 Java语言为后台，以 Html为前端，以 SpringBoot作为后端框架，以 Navicat作为数据库，以 IDEA作为开发工具。该系统以提供便捷、高效的竞赛信息获取和发布平台，以促进体育活动的组织、推广和参与为目的。本系统的功能模块主要有：竞赛项目浏览、项目报名、成绩查询、个人资料、运动员管理、赛事编排管理、报名信息管理、成绩查询管理。通过对系统的功能进行
JAVAWeb---JavaScript
2301_80073794的博客
02-23 1308
javascript学习笔记
基于JavaWeb的个人日程管理系统【项目源码+数据库脚本】(毕设)
06-26
本项目是一套基于JavaWeb的个人日程管理系统/个人时间管理系统，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的Java学习者。 包含：项目源码、数据库脚本、软件工具、项目说明等，该项目可以直接...
基于Javaweb开发的日程安排管理系统源代码（期末大作业）.zip
06-23
基于Javaweb开发的日程安排管理系统源代码（期末大作业）.zip个人大三学期的期末大作业、经导师指导并认可通过的高分大作业设计项目，评审分98.5分。主要针对计算机相关专业的正在做大作业的学生和需要项目实战练习...
基于Javaweb的日程管理系统源码(课程作业).zip
08-21
基于Javaweb的日程管理系统源码(课程作业).zip基于Javaweb的日程管理系统源码(课程作业).zip基于Javaweb的日程管理系统源码(课程作业).zip基于Javaweb的日程管理系统源码(课程作业).zip基于Javaweb的日程管理系统...
基于vue框架的病床管理信息系统odt4v（程序+源码+数据库+调试部署+开发环境）系统界面在最后面。
h2345678的博客
08-27 1472
因此，开发一套集医疗人员、物流人员、病床信息及使用记录等功能于一体的病床管理信息系统，成为提升医院管理水平、优化资源配置、增强患者满意度的迫切需求。第三阶段：2024年4月1日－2024年4月30日，完成系统分析，设计，编码，测试等工作，同时完善文献综述及外文翻译，完成论文初稿；第二阶段：2024年3月10日－2024年3月31日，查阅资料，调研系统需求，熟悉课题所需要的编译软件、数据库和设计语言等；第一阶段：2023年1月11日－2024年3月9日， 确定毕设题目，查阅资料，完成开题报告，进行开题答辩。
【项目】云备份系统笔记
m0_73713491的博客
08-27 987
就包含一个类，config，是读取配置文件的类，因为配置文件只有一份，所以可以采用单例模式，把config类的构造函数私有化，只能通过一个公共成员函数getinstance（）来创建对象（new config（）），在类的内部可以调用私有化构造函数，构造函数里面再调用读取配置文件的函数，用自己实现的工具类读取配置文件，将读到的内容放到一个字符串中，然后再将字符串用Json进行序列化，然后给类中的成员变量进行赋值，类中的成员变量就包含了cloud.conf里面包含的信息，一一对应。
jQuery基础——DOM
m0_54066656的博客
08-27 1943
JQ基础——DOM操作
Vue的状态管理——Vuex3&4&Pinia
最新发布
警警的博客
08-30 1656
Pinia是Vue.js 3.x的状态管理库，它可以看作是Vuex的升级版，旨在提供一种更简单、更直观的方式来管理Vue.js应用程序的状态。Vuex 4是Vue.js 3.x版本的状态管理库，它在Vuex 3的基础上进行了多项改进和优化，使其更加适用于大型应用和复杂场景。Vuex 3是Vue.js 2.x版本的状态管理库，它提供了一种集中式存储和管理组件状态的方式。：在 Vue 3 项目中，你通常会使用 Vuex 4 或 Pinia 而不是 Vuex 3。在 Vue 3 项目中，你可能会在。
python12 中，No module named‘distutils‘错误
热门推荐
qq_43557600的博客
08-27 1万+
python12 “ No module named'distutils' ”,​ 安装 pip install setuptools ，解决 ​
vue ref和reactive区别
灰海
08-25 5754
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
从面向对象(OOP)到面向切面(AOP)：编程范式的演变
妍思码匠的博客
08-30 676
本文深入探讨了面向切面编程（AOP）在前端开发中的应用，解释了AOP如何通过动态增强与代码复用、降低模块间耦合度，为前端项目带来更高效、更模块化的解决方案。通过具体案例分析，如日志记录切面和动态埋点的实现，展示了如何利用装饰器模式、高阶组件等技术在前端实现AOP。理解AOP的原理与实践，将有助于开发者构建更易于维护和扩展的前端应用。无论你是前端新手还是资深开发者，本文都将为你提供有价值的见解和实用技巧。
JavaWeb——前端工程化
m0_50460160的博客
08-30 648
通过解构赋值，可以访问到对象中的属性，并将其赋值给对应的变量，从而提高代码的可读性和可维护性;ES6 的解构赋值是一种方便的语法，可以快速将数组或对象中的值拆分并赋值给变量。该语句将数组 [1,2,3]中的第一个值赋值给a变量，第二个值赋值给b变量，第三个值赋值给c变量。ES6引入的模块化功能为JavaScript代码的组织和管理提供了更好的方式，不仅提高了程序的可维护性，还让JavaScript更方便地应用于大型的应用程序;并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动;
Vue动态表头数据
lplovewjm的博客
08-27 611
本文主要解决场景：表头不固定、从后端数据中拿取表头并渲染到页面中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值