基于SpringBoot框架课程思政资源平台（附源代码及数据库）

最新推荐文章于 2024-10-07 11:50:46 发布

2401_84183492

最新推荐文章于 2024-10-07 11:50:46 发布

阅读量159

点赞数 3

分类专栏： 2024年程序员学习文章标签： spring boot 数据库后端

本文链接：https://blog.csdn.net/2401_84183492/article/details/137517579

版权

2024年程序员学习专栏收录该内容

62 篇文章 0 订阅

订阅专栏

（6）思政课堂管理，管理员具有录入思政课堂资源以及管理其资源记录的功能。

登录界面

数据库展示

登录页面


<!DOCTYPE html>

<html>

<head>

    <title>资源平台</title>

    <meta name="renderer" content="webkit">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta name="viewport"

          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">

    <link rel="stylesheet" href="../images/layui/css/layui.css" media="all">

    <link rel="stylesheet" href="../images/style/admin.css" media="all">

    <link rel="stylesheet" href="../images/style/login.css" media="all">

</head>

<body style="background: url('../images/loginbg.jpg');background-position: center center;background-size: cover;">

<div id="app">

    <form name="form1" >

        <div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">

            <div class="layadmin-user-login-main" style="background: rgba(250,250,250,0.45);">

                <div class="layadmin-user-login-box layadmin-user-login-header">

                    <h2>后台登陆</h2>

                    <p>课程思政资源平台</p>

                </div>

                <div class="layadmin-user-login-box layadmin-user-login-body ">

                <div class="layui-form-item">

                        <label class="layadmin-user-login-icon layui-icon layui-icon-username"

                               for="LAY-user-login-username"></label>

                        <input type="text" name="username" id="LAY-user-login-username" lay-verify="required" placeholder="用户名" v-model="user.username" class="layui-input">

                    </div>

                    <div class="layui-form-item">

                        <label class="layadmin-user-login-icon layui-icon layui-icon-password"

                               for="LAY-user-login-password"></label>

                        <input type="password" name="pwd" id="LAY-user-login-password" lay-verify="required" v-model="user.mima" placeholder="密码" class="layui-input">

                    </div>

                    <div class="layui-form-item">

                        <label class="layadmin-user-login-icon layui-icon layui-icon-refresh"

                               for="LAY-user-login-password"></label>

                        <select name="cx" id="cx" v-model="user.level" class="layui-input">

                          <option value="管理员" name="level">管理员</option>

<option value="用户" name="level">用户</option>



                        </select>

                    </div>

                    <div class="layui-form-item">

                        <div class="layui-row">

                            <div class="layui-col-xs7">

                                <label class="layadmin-user-login-icon layui-icon layui-icon-vercode"

                                       for="yzm"></label>

                                <input type="text" name="yzm" id="yzm" lay-verify="required"

                                       placeholder="验证码" class="layui-input">

                            </div>

                            <div class="layui-col-xs5">

                                <div style="margin-left: 10px;">

                                    <input type = "text" class="layui-input" id="code" />                      </div>

                            </div>

                        </div>

                    </div>

                    <div class="layui-form-item" style="margin-bottom: 20px;">            </div>

                    <div class="layui-form-item">

                        <button class="layui-btn layui-btn-fluid" lay-submit lay-filter="LAY-user-login-submit" type="button" id="loginBtn" @click="login">登

                            入                </button>

                    </div>

                    <div class="layui-trans layui-form-item layadmin-user-login-other">

                        <label></label>

                        <a href="javascript:;"><i class="layui-icon layui-icon-login-qq"></i></a>

                        <a href="javascript:;"><i class="layui-icon layui-icon-login-wechat"></i></a>

                        <a href="javascript:;"><i class="layui-icon layui-icon-login-weibo"></i></a>

                        <a href="reg.html" class="layadmin-user-jump-change layadmin-link"></a>            </div>

                </div>

            </div>

        </div>

    </form>

    <script src="../images/layui/layui.js"></script>

    <script src="../images/js/jquery-1.9.1.min.js"></script>

    <script>

        layui.use(['element', 'form', 'layer'], function () {

            var element = layui.element;

            var layer = layui.layer;

            var form = layui.form;

            var layer = layui.layer;

        });

    </script>

</div>



<script src="../js/hsgyanzhengma.js"></script>

<script src="../js/vue2.6.11/vue.min.js"></script>

<script src="../js/vue2.6.11/axios.js"></script>

<script>

	new Vue({

		el: "#app",

		data: {

			user: {

				username: "",

				mima: "",

				level: null

			},

			authorities: [],

		},

		created: function () {

			axios.get("/getAuthority").then(res => {

				if (res.data.code === '0') {

					this.authorities = res.data.data;

				} else {

					alert(res.data.msg);

				}

			});

		},

		methods: {

			login() {

				if (!this.user.username) {

					alert("请输入用户名");

					return;

				}

				if (!this.user.mima) {

					alert("请输入密码");

					return;

				}

				if (!this.user.level) {

					alert("请选择角色");

					return;

				}

				var inputCode = yzm.value.toUpperCase(); //取得输入的验证码并转化为大写??

				if(inputCode.length==0) { //若输入的验证码长度为0

					alert("请输入验证码 "); //则弹出请输入验证码

					return;

				}



**自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。**

**深知大多数同学面临毕业设计项目选题时，很多人都会感到无从下手，尤其是对于计算机专业的学生来说，选择一个合适的题目尤为重要。因为毕业设计不仅是我们在大学四年学习的一个总结，更是展示自己能力的重要机会。**

**因此收集整理了一份《2024年计算机毕业设计项目大全》，初衷也很简单，就是希望能够帮助提高效率，同时减轻大家的负担。**
![img](https://img-blog.csdnimg.cn/img_convert/5d413f54de85e3094d5a55ac67d0a9a8.jpeg)
![img](https://img-blog.csdnimg.cn/img_convert/7fbd8f6811d41639ae990dfbfb35e420.png)
![img](https://img-blog.csdnimg.cn/img_convert/6d9b0b9ea8c27cfa9dc694278b2365fd.png)

**既有Java、Web、PHP、也有C、小程序、Python等项目供你选择，真正体系化！**

**由于项目比较多，这里只是将部分目录截图出来，每个节点里面都包含素材文档、项目源码、讲解视频**

**如果你觉得这些内容对你有帮助，可以添加VX：vip1024c （备注项目大全获取）**
![img](https://img-blog.csdnimg.cn/img_convert/b84d7330c8f612a07629e732ac8429e4.png)

bWZvi-1712569118908)]
[外链图片转存中...(img-TJLHQKDF-1712569118908)]
[外链图片转存中...(img-y09pYCZ7-1712569118908)]

**既有Java、Web、PHP、也有C、小程序、Python等项目供你选择，真正体系化！**

**由于项目比较多，这里只是将部分目录截图出来，每个节点里面都包含素材文档、项目源码、讲解视频**

**如果你觉得这些内容对你有帮助，可以添加VX：vip1024c （备注项目大全获取）**
[外链图片转存中...(img-KfoYCjDg-1712569118909)]