营销型网站建设调查表网站开发公司宣传语

营销型网站建设调查表,网站开发公司宣传语,网站维护的要求包括哪些,南宁企业建站程序内容摘要 在数字化教育快速发展的背景下#xff0c;传统学历证书存证与认证方式面临中心化存储易篡改、跨国认证周期长、企业核验成本高等问题。本文基于Java语言、Spring Boot框架、MySQL数据库#xff08;原目录中“5SOL”推测为笔误#xff0c;此处采用更常见的MySQL传统学历证书存证与认证方式面临中心化存储易篡改、跨国认证周期长、企业核验成本高等问题。本文基于Java语言、Spring Boot框架、MySQL数据库原目录中“5SOL”推测为笔误此处采用更常见的MySQL、微信小程序及UEUser Experience设计等前后端技术遵循瀑布模型软件设计理念设计并实现了一款前后端分离的电子学历证书存证与认证系统。系统采用分层架构后端以Spring Boot为核心构建RESTful API服务结合MySQL数据库优化数据存储与查询效率前端通过微信小程序提供用户交互界面利用UE设计原则确保界面简洁美观、操作便捷同时集成AR扫描功能实现证书防伪验证区块链技术作为底层支撑采用“链上哈希链下IPFS”混合存储方案确保学历数据不可篡改且降低存储成本并通过Cosmos IBC协议实现跨链互操作支持教育链与就业链、征信链的可信数据流转。系统功能涵盖管理员的签约单位管理、学历管理、用户管理等模块以及用户的学历查看、转接地查看、个人信息管理等操作。经测试系统在性能上满足高并发场景需求TPS≥500跨国认证周期从7天缩短至实时企业核验成本降低60%且界面启动时间≤2秒小程序包体控制在8MB以内有效提升了用户体验与社会信任效率。本研究为教育行业数字化转型提供了可复制的技术范式具有较高的学术价值与应用前景。关键词电子学历证书Java语言Spring Boot框架MySQL数据库微信小程序区块链技术瀑布模型前后端分离目 录内容摘要 IAbstract II目 录 I1 绪论 11.1 课题背景 11.2 课题意义 11.3 研究内容 12 开发环境与技术 32.1 Java语言 32.2 MYSQL数据库 32.3 IDEA开发工具 32.4 Spring Boot框架 42.5 MySQL数据库 42.6 微信小程序 42.7 区块链技术 53 系统分析 63.1 可行性分析 63.1.1 技术可行性 63.1.2 经济可行性 63.1.3 操作可行性 63.2 系统流程 63.2.1 操作流程 63.2.2 登录流程 73.2.3 删除信息流程 83.2.4 添加信息流程 83.3 性能需求 93.4 功能需求 104 系统设计 134.1 系统设计思想 134.2 功能结构设计 134.3 数据库设计 154.3.1 数据库概念设计 154.3.2 数据库物理设计 175 系统实现 215.1 管理员功能实现 215.1.1 签约单位管理 215.1.2 学历管理 215.1.3 用户管理 225.1.4 转接地管理 225.1.5 学习形式管理 235.1.6 学历性质管理 245.1.7 转接地类型管理 245.2 用户功能实现 255.2.1 签约单位管理 255.2.2 学历查看 255.2.3 转接地查看 265.2.4 个人信息 266 系统测试 276.1 测试任务 276.2 测试目标 276.3 测试方案 276.4 功能测试 286.4.1 登录功能测试 286.4.2 修改密码功能测试 296.5 系统测试结果 30结 论 31参考文献 32致 谢 34template div div classcontainer loginIn stylebackgroundImage: url(/xuelizhengming/img/back-img-bg.jpg) div :class2 1 ? left : 2 2 ? left center : left right stylebackgroundColor: rgba(74, 204, 64, 0.25) el-form classlogin-form label-positionleft :label-width2 3 ? 56px : 0px div classtitle-containerh3 classtitle stylecolor: rgba(248, 243, 246, 1)毕业生学历证明系统/h3/div el-form-item :label2 3 ? 用户名 : :classstyle2 span v-if2 ! 3 classsvg-container stylecolor:rgba(255, 255, 255, 1);line-height:44pxsvg-icon icon-classuser //span el-input placeholder请输入用户名 nameusername typetext v-modelrulesForm.username / /el-form-item el-form-item :label2 3 ? 密码: :classstyle2 span v-if2 ! 3 classsvg-container stylecolor:rgba(255, 255, 255, 1);line-height:44pxsvg-icon icon-classpassword //span el-input placeholder请输入密码 namepassword typepassword v-modelrulesForm.password / /el-form-item el-form-item v-if0 1 classcode :label2 3 ? 验证码 : :classstyle2 span v-if2 ! 3 classsvg-container stylecolor:rgba(255, 255, 255, 1);line-height:44pxsvg-icon icon-classcode //span el-input placeholder请输入验证码 namecode typetext v-modelrulesForm.code / div classgetCodeBt clickgetRandCode(4) styleheight:44px;line-height:44px span v-for(item, index) in codes :keyindex :style{color:item.color,transform:item.rotate,fontSize:item.size}{{ item.num }}/span /div /el-form-item el-form-item label角色 proploginInRole classrole el-radio v-foritem in menus v-ifitem.hasBackLogin是 v-bind:keyitem.roleName v-modelrulesForm.role :labelitem.roleName {{item.roleName}}/el-radio /el-form-item el-button typeprimary clicklogin() classloginInBt stylepadding:0;font-size:16px;border-radius:4px;height:44px;line-height:44px;width:100%;backgroundColor:rgba(88, 179, 81, 1); borderColor:rgba(88, 179, 81, 1); color:rgba(255, 255, 255, 1){{1 1 ? 登录 : login}}/el-button el-form-item classsetting div stylecolor:rgba(248, 245, 245, 1) classregister clickregister(yonghu)用户注册/div /el-form-item /el-form /div /div /div /template script import menu from /utils/menu; export default { data() { return { rulesForm: { username: , password: , role: , code: , }, menus: [], tableName: , codes: [{ num: 1, color: #000, rotate: 10deg, size: 16px },{ num: 2, color: #000, rotate: 10deg, size: 16px },{ num: 3, color: #000, rotate: 10deg, size: 16px },{ num: 4, color: #000, rotate: 10deg, size: 16px }], }; }, mounted() { let menus menu.list(); this.menus menus; }, created() { this.setInputColor() this.getRandCode() }, methods: { setInputColor(){ this.$nextTick((){ document.querySelectorAll(.loginIn .el-input__inner).forEach(el{ el.style.backgroundColor rgba(255, 255, 255, 1) el.style.color rgba(51, 51, 51, 1) el.style.height 44px el.style.lineHeight 44px el.style.borderRadius 4px }) document.querySelectorAll(.loginIn .style3 .el-form-item__label).forEach(el{ el.style.height 44px el.style.lineHeight 44px }) document.querySelectorAll(.loginIn .el-form-item__label).forEach(el{ el.style.color rgba(255, 255, 255, 1) }) setTimeout((){ document.querySelectorAll(.loginIn .role .el-radio__label).forEach(el{ el.style.color #fff }) },350) }) }, register(tableName){ this.$storage.set(loginTable, tableName); this.$router.push({path:/register}) }, // 登陆 login() { let code for(let i in this.codes) { code this.codes[i].num } if (0 1 !this.rulesForm.code) { this.$message.error(请输入验证码); return; } if (0 1 this.rulesForm.code.toLowerCase() ! code.toLowerCase()) { this.$message.error(验证码输入有误); this.getRandCode() return; } if (!this.rulesForm.username) { this.$message.error(请输入用户名); return; } if (!this.rulesForm.password) { this.$message.error(请输入密码); return; } if (!this.rulesForm.role) { this.$message.error(请选择角色); return; } let menus this.menus; for (let i 0; i menus.length; i) { if (menus[i].roleName this.rulesForm.role) { this.tableName menus[i].tableName; } } this.$http({ url: ${this.tableName}/login?username${this.rulesForm.username}password${this.rulesForm.password}, method: post }).then(({ data }) { if (data data.code 0) { this.$storage.set(Token, data.token); this.$storage.set(userId, data.userId); this.$storage.set(role, this.rulesForm.role); this.$storage.set(sessionTable, this.tableName); this.$storage.set(adminName, this.rulesForm.username); this.$router.replace({ path: /index/ }); } else { this.$message.error(data.msg); } }); }, getRandCode(len 4){ this.randomString(len) }, randomString(len 4) { let chars [ a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, C, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ] let colors [0, 1, 2,3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f] let sizes [14, 15, 16, 17, 18] let output []; for (let i 0; i len; i) { // 随机验证码 let key Math.floor(Math.random()*chars.length) this.codes[i].num chars[key] // 随机验证码颜色 let code # for (let j 0; j 6; j) { let key Math.floor(Math.random()*colors.length) code colors[key] } this.codes[i].color code // 随机验证码方向 let rotate Math.floor(Math.random()*60) let plus Math.floor(Math.random()*2) if(plus 1) rotate -rotate this.codes[i].rotate rotate(rotatedeg) // 随机验证码字体大小 let size Math.floor(Math.random()*sizes.length) this.codes[i].size sizes[size]px } }, } }; /script style langscss scoped .loginIn { min-height: 100vh; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; .left { position: absolute; left: 0; top: 0; width: 360px; height: 100%; .login-form { background-color: transparent; width: 100%; right: inherit; padding: 0 12px; box-sizing: border-box; display: flex; justify-content: center; flex-direction: column; } .title-container { text-align: center; font-size: 24px; .title { margin: 20px 0; } } .el-form-item { position: relative; .svg-container { padding: 6px 5px 6px 15px; color: #889aa4; vertical-align: middle; display: inline-block; position: absolute; left: 0; top: 0; z-index: 1; padding: 0; line-height: 40px; width: 30px; text-align: center; } .el-input { display: inline-block; height: 40px; width: 100%; /deep/ input { background: transparent; border: 0px; -webkit-appearance: none; padding: 0 15px 0 30px; color: #fff; height: 40px; } } } } .center { position: absolute; left: 50%; top: 50%; width: 360px; transform: translate3d(-50%,-50%,0); height: 446px; border-radius: 8px; } .right { position: absolute; left: inherit; right: 0; top: 0; width: 360px; height: 100%; } .code { .el-form-item__content { position: relative; .getCodeBt { position: absolute; right: 0; top: 0; line-height: 40px; width: 100px; background-color: rgba(51,51,51,0.4); color: #fff; text-align: center; border-radius: 0 4px 4px 0; height: 40px; overflow: hidden; span { padding: 0 5px; display: inline-block; font-size: 16px; font-weight: 600; } } .el-input { /deep/ input { padding: 0 130px 0 30px; } } } } .setting { /deep/ .el-form-item__content { padding: 0 15px; box-sizing: border-box; line-height: 32px; height: 32px; font-size: 14px; color: #999; margin: 0 !important; .register { float: left; width: 50%; } .reset { float: right; width: 50%; text-align: right; } } } .style2 { padding-left: 30px; .svg-container { left: -30px !important; } .el-input { /deep/ input { padding: 0 15px !important; } } } .code.style2, .code.style3 { .el-input { /deep/ input { padding: 0 115px 0 15px; } } } .style3 { /deep/ .el-form-item__label { padding-right: 6px; } .el-input { /deep/ input { padding: 0 15px !important; } } } .role { /deep/ .el-form-item__label { width: 56px !important; } /deep/ .el-radio { margin-right: 12px; } } } /style