企业官网建设流程全解析

🍅选题推荐——以防找不到我们，点击上方订阅专栏✌✌\

Java毕设实战项目

Python毕设项目源代码

asp.net毕业设计项目

Uniapp安卓毕业设计项目

node.js毕业设计项目

python毕业设计

微信小程序毕业设计项目

php毕业设计

👇🏻🍅--------------------【左侧头像的置顶文章，上方wx】联系我们------------------🍅

一、项目介绍

1.1研究背景

当前社会各行业领域竞争压力非常大，随着当前时代的信息化，科学化发展，让社会各行业领域都争相使用新的信息技术，对行业内的各种相关数据进行科学化，规范化管理。这样的大环境让那些止步不前，不接受信息改革带来的信息技术的企业随时面临被淘汰，被取代的风险。所以当今，各个行业领域，不管是传统的教育行业，餐饮行业，还是旅游行业，医疗行业等领域都将使用新的信息技术进行信息革命，改变传统的纸质化，需要人手工处理工作事务的办公环境。软件信息技术能够覆盖社会各行业领域是时代的发展要求，各种数据以及文件真正实现电子化是信息社会发展的不可逆转的必然趋势。本牙科就诊管理系统也是紧跟科学技术的发展，运用当今一流的软件技术实现软件系统的开发，让牙科就诊管理系统完全通过管理系统实现科学化，规范化，程序化管理。从而帮助信息管理者节省事务处理的时间，降低数据处理的错误率，对于基础数据的管理水平可以起到促进作用，也从一定程度上对随意的业务管理工作进行了避免，同时，牙科就诊管理系统的数据库里面存储的各种动态信息，也为上层管理人员作出重大决策提供了大量的事实依据。总之，牙科就诊管理系统是一款可以真正提升管理者的办公效率的软件系统。

1.2目的和意义

信息数据的处理完全依赖人工进行操作，会耗费大量的人工成本，特别是面对大量的数据信息时，传统人工操作不仅不能对数据的出错率进行保证，还容易出现各种信息资源的低利用率与低安全性问题。更有甚者，耽误大量的宝贵时间，尤其是对信息的更新，归纳与统计更是耗财耗力的过程。所以电子化信息管理的出现就能缓解以及改变传统人工方式面临的处境，一方面可以确保信息数据在短时间被高效处理，还能节省人力成本，另一方面可以确保信息数据的安全性，可靠性，并可以实现信息数据的快速检索与修改操作，这些优点是之前的旧操作模式无法比拟的。因此牙科就诊管理系统为数据信息的管理模式的升级与改革提供了重要的窗口。

​

二、功能介绍

4.3系统功能结构设计

在分析并得出使用者对程序的功能要求时，就可以进行程序设计了。如图4.3展示的就是管理员功能结构图，管理员在后台主要管理病例管理、字典管理、公告管理、药单管理、药品管理、药品收藏管理、药品评价管理、药品订单管理、牙医管理、牙医收藏管理、牙医评价管理、牙医挂号管理、用户管理、管理员管理等。

三、拦截器代码

package com.config; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.InterceptorRegistry; import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry; import org.springframework.web.servlet.config.annotation.WebMvcConfigurationSupport; import com.interceptor.AuthorizationInterceptor; @Configuration public class InterceptorConfig extends WebMvcConfigurationSupport{ @Bean public AuthorizationInterceptor getAuthorizationInterceptor() { return new AuthorizationInterceptor(); } @Override public void addInterceptors(InterceptorRegistry registry) { registry.addInterceptor(getAuthorizationInterceptor()).addPathPatterns("/**").excludePathPatterns("/static/**"); super.addInterceptors(registry); } /** * springboot 2.0配置WebMvcConfigurationSupport之后，会导致默认配置被覆盖，要访问静态资源需要重写addResourceHandlers方法 */ @Override public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceHandler("/**") .addResourceLocations("classpath:/resources/") .addResourceLocations("classpath:/static/") .addResourceLocations("classpath:/admin/") .addResourceLocations("classpath:/front/") .addResourceLocations("classpath:/public/"); super.addResourceHandlers(registry); } }

个人中心代码

<template> <div> <el-form class="detail-form-content" ref="ruleForm" :model="ruleForm" label-width="80px" > <el-row> <el-col :span="12"> <el-form-item v-if="flag=='yonghu'" label='用户姓名' prop="yonghuName"> <el-input v-model="ruleForm.yonghuName" placeholder='用户姓名' clearable></el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item v-if="flag=='yonghu'" label='用户手机号' prop="yonghuPhone"> <el-input v-model="ruleForm.yonghuPhone" placeholder='用户手机号' clearable></el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item v-if="flag=='yonghu'" label='用户身份证号' prop="yonghuIdNumber"> <el-input v-model="ruleForm.yonghuIdNumber" placeholder='用户身份证号' clearable></el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item v-if="flag=='yonghu'" label='用户头像' prop="yonghuPhoto"> <file-upload tip="点击上传照片" action="file/upload" :limit="3" :multiple="true" :fileUrls="ruleForm.yonghuPhoto?$base.url+ruleForm.yonghuPhoto:''" @change="yonghuPhotoUploadChange" ></file-upload> </el-form-item> </el-col> <el-col :span="12"> <el-form-item v-if="flag=='yonghu'" label='电子邮箱' prop="yonghuEmail"> <el-input v-model="ruleForm.yonghuEmail" placeholder='电子邮箱' clearable></el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item v-if="flag=='yonghu'" label='积分' prop="newMoney"> <el-input v-model="ruleForm.newMoney" placeholder='积分' disabled style="width: 100px"></el-input> <!--<a id="btn-recharge" @click="chongzhi" href="javascript:void(0)">点我充值</a>--> </el-form-item> </el-col> <el-form-item v-if="flag=='users'" label="用户名" prop="username"> <el-input v-model="ruleForm.username" placeholder="用户名"></el-input> </el-form-item> <el-col :span="12"> <el-form-item v-if="flag!='users'" label="性别" prop="sexTypes"> <el-select v-model="ruleForm.sexTypes" placeholder="请选择性别"> <el-option v-for="(item,index) in sexTypesOptions" v-bind:key="item.codeIndex" :label="item.indexName" :value="item.codeIndex"> </el-option> </el-select> </el-form-item> </el-col> <el-col :span="24"> <el-form-item> <el-button type="primary" @click="onUpdateHandler">修 改</el-button> </el-form-item> </el-col> </el-row> </el-form> </div> </template> <script> // 数字，邮件，手机，url，身份证校验 import { isNumber,isIntNumer,isEmail,isMobile,isPhone,isURL,checkIdCard } from "@/utils/validate"; export default { data() { return { ruleForm: {}, flag: '', usersFlag: false, // sexTypesOptions : [], // 注册表 用户 // 注册的类型字段 用户 // 性别 sexTypesOptions : [], }; }, mounted() { //获取当前登录用户的信息 var table = this.$storage.get("sessionTable"); this.sessionTable = this.$storage.get("sessionTable"); this.role = this.$storage.get("role"); if (this.role != "管理员"){ } this.flag = table; this.$http({ url: `${this.$storage.get("sessionTable")}/session`, method: "get" }).then(({ data }) => { if (data && data.code === 0) { this.ruleForm = data.data; // 注册表 用户 } else { this.$message.error(data.msg); } }); // 注册表 用户 的级联表 this.$http({ url: `dictionary/page?page=1&limit=100&sort=&order=&dicCode=sex_types`, method: "get" }).then(({ data }) => { if (data && data.code === 0) { this.sexTypesOptions = data.data.list; } else { this.$message.error(data.msg); } }); }, methods: { chongzhi() { this.$router.replace({ path: "/pay" }); }, yonghuPhotoUploadChange(fileUrls) { this.ruleForm.yonghuPhoto = fileUrls; }, onUpdateHandler() { if((!this.ruleForm.yonghuName)&& 'yonghu'==this.flag){ this.$message.error('用户姓名不能为空'); return } if( 'yonghu' ==this.flag && this.ruleForm.yonghuPhone&&(!isMobile(this.ruleForm.yonghuPhone))){ this.$message.error(`手机应输入手机格式`); return } if((!this.ruleForm.yonghuIdNumber)&& 'yonghu'==this.flag){ this.$message.error('用户身份证号不能为空'); return } if((!this.ruleForm.yonghuPhoto)&& 'yonghu'==this.flag){ this.$message.error('用户头像不能为空'); return } if( 'yonghu' ==this.flag && this.ruleForm.yonghuEmail&&(!isEmail(this.ruleForm.yonghuEmail))){ this.$message.error(`邮箱应输入邮箱格式`); return } if((!this.ruleForm.sexTypes) && this.flag!='users'){ this.$message.error('性别不能为空'); return } if('users'==this.flag && this.ruleForm.username.trim().length<1) { this.$message.error(`用户名不能为空`); return } this.$http({ url: `${this.$storage.get("sessionTable")}/update`, method: "post", data: this.ruleForm }).then(({ data }) => { if (data && data.code === 0) { this.$message({ message: "修改信息成功", type: "success", duration: 1500, onClose: () => { } }); } else { this.$message.error(data.msg); } }); } } }; </script> <style lang="scss" scoped> </style>

四、相关案例

​

​

​

🍅源码获取：大家点赞、收藏、关注、评论啦 、查看👇🏻获取联系方式👇🏻