快乐暑假第二周

本周是完成了数据库训练。自己独立完成一个关于游戏后台的数据库管理系统，

地址为数据库大作业: 一个基于maven+javaweb+Vue+axios+element的数据库基本后台管理系统 (gitee.com)

通过此次大作业的完成，了解了对于Vue的使用，对于前端模式的基本认识都有所了解。

在学习过程中对于axios的使用模式有所了解，在实验中使用了element模板，对于常见html模块组件有所认识，

对于登录后在登录之后的页面显示登录成功设置为

index.html登录页面登录函数

            login() {
                axios({
                    method: "post",
                    url: "http://localhost:8080/shuju/login?method=loginG",
                    data: this.deng
                }).then(resp => {
                    if (resp.data === 'success') {
                        localStorage.setItem('loginSuccessMessage', '登录成功');
                        if (this.value === "玩家") {
                            window.location.href = 'main.html';
                        } else {
                            window.location.href = 'products.html';
                        }
                    } else {
                        alert('用户名或密码错误');
                        window.location.href = 'index.html';
                    }
                })
            },

第二个页面main.hmtl启动时运行的函数

        mounted() {
            const loginSuccessMessage = localStorage.getItem('loginSuccessMessage');
            if (loginSuccessMessage) {
                this.$message({
                    message: loginSuccessMessage,
                    type: 'success',
                    duration: 2000 // 2秒后关闭消息提示
                });
                localStorage.removeItem('loginSuccessMessage'); // 清除存储的消息提示信息
            }
            this.selectAll();
        },

当登录成功后将运行

localStorage.setItem('loginSuccessMessage', '登录成功');
在第二个页面接受这一消息，运行message信息展示登录成功信息

对于全局变量，也有所理解：

                BufferedReader bufferedReader = req.getReader();
                String param = bufferedReader.readLine();
                Login login = JSON.parseObject(param, Login.class);
                boolean bb = Per_rep.login(login.getId(), login.getPassword());
                context.setAttribute("id", login.getId());//存储全局变量
                if (bb) {
                    resp.getWriter().write("success");
                } else {
                    resp.getWriter().write("false");
                }
                break;

通过

 context.setAttribute("id", login.getId());//存储全局变量
再通过

ServletContext context = getServletContext();
int id = (int) context.getAttribute("id");来调取用户存储的全局变量，