基于Java SpringBoot和UniAPP校园一体化教务管理小程序毕业设计,附源码
实现的功能:
分为学生用户和管理员两种角色;
校园服务(失物招领、招聘信息、在线学习);
教务查询(查询自己的成绩);
个人中心;
其中在线学习就是管理员发布的一些关于学习内容的图文。招聘信息也是管理员发布的内容。失物招领学生和管理员都可以发布。成绩是管理员录进去的。
使用的技术:
后端使用JAVA语言的SpringBoot框架,MySQL数据库,Maven依赖管理等技术;
前端使用Vue.js语法的uniapp框架,可以发布成微信小程序。
部分代码展示
<template>
<view>
<u-navbar :is-back="false" title=" " :border-bottom="false">
<view class="u-flex u-row-right" style="width: 100%;">
<view class="camera u-flex u-row-center">
</view>
</view>
</u-navbar>
<view class="u-flex user-box u-p-l-30 u-p-r-20 u-p-b-30">
<view class="u-m-r-10">
<u-avatar :src="pic" size="140"></u-avatar>
</view>
<view class="u-flex-1">
<view class="u-font-18 u-p-b-20">{{nick}}</view>
<view class="u-font-14 u-tips-color">学号:{{userNo}}</view>
<view class="u-font-14 u-tips-color">身份:{{admin ? '管理员':(userInfo.token ? '学生':'游客,请完成学生认证明')}}</view>
</view>
<!-- <view class="u-m-l-10 u-p-10">
<u-icon name="scan" color="#969799" size="28"></u-icon>
</view> -->
<!-- <view class="u-m-l-10 u-p-10">
<u-icon name="arrow-right" color="#969799" size="28"></u-icon>
</view> -->
</view>
<view class="u-m-t-20">
<u-cell-group>
</u-cell-item>
<u-cell-item v-if="admin" :iconStyle="{color:'#3f80de'}" @click="setScore" icon="tags-fill" title="成绩录入">
</u-cell-item>
<u-cell-item :iconStyle="{color:'#3f80de'}" @click="showInfo" icon="lock-fill" title="授权登录">
</u-cell-item>
<u-cell-item :iconStyle="{color:'#3f80de'}" @click="checkStudent" icon="man-add-fill" title="学生认证"></u-cell-item>
<u-cell-item :iconStyle="{color:'#3f80de'}" @click="clear" icon="trash-fill" title="清除缓存"></u-cell-item>
<u-cell-item :iconStyle="{color:'#3f80de'}" @click="showAppInfo" icon="question-circle-fill" title="关于小程序"></u-cell-item>
</u-cell-group>
</view>
<!-- <view class="u-m-t-20">
<u-cell-group>
<u-cell-item :iconStyle="{color:'#3f80de'}" icon="setting" title="设置"></u-cell-item>
</u-cell-group>
</view> -->
<u-popup v-model="showModel" mode="center" border-radius="14" width="600">
<view class="c-model-view u-p-25">
<u-field v-model="student.name" label="姓名" placeholder="请填写姓名"></u-field>
<u-field v-model="student.userNo" label="学号" type="number" placeholder="请填写学号"></u-field>
<u-field v-model="student.project" label="专业" placeholder="请填写专业"></u-field>
<u-field v-model="student.phone" type="number" label="手机号" placeholder="请选择手机号"></u-field>
<text class="u-p-10 u-tips-color">认证后请返回首屏重新授权,学号以年份开头,长度10位</text>
<u-button type="primary" class="u-m-t-50" @click="submitCheck" :ripple="true">认证
</u-button>
</view>
</u-popup>
<u-select @confirm="selConfirm" v-model="show" :list="deptList"></u-select>
</view>
</template>
正文到此结束
- 本文标签: Java Spring Boot 美剧
- 版权声明: 本站原创文章,于2023年06月09日由程序猿大波发布,转载请注明出处