Springboot毕设项目课程教学评估信息分析系统ysf81(java+VUE+Mybatis+Maven+Mysql)

Springboot毕设项目课程教学评估信息分析系统ysf81(java+VUE+Mybatis+Maven+Mysql)

项目运行

环境配置:

Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。

项目技术:

Springboot + mybatis + Maven + Vue 等等组成,B/S模式 + Maven管理等等。

环境需要

1.运行环境:最好是java jdk 1.8,我们在这个平台上运行的。其他版本理论上也可以。

2.IDE环境:IDEA,Eclipse,Myeclipse都可以。推荐IDEA;

3.tomcat环境:Tomcat 7.x,8.x,9.x版本均可

4.硬件环境:windows 7/8/10 1G内存以上;或者 Mac OS;

5.是否Maven项目: 否;查看源码目录中是否包含pom.xml;若包含,则为maven项目,否则为非maven项目 

6.数据库:MySql 5.7/8.0等版本均可;

技术栈

1. 后端:Springboot mybatis

2. 前端:vue+css+javascript+jQuery+easyUI+highcharts

使用说明

1. 使用Navicat或者其它工具,在mysql中创建对应名称的数据库,并导入项目的sql文件;

2. 使用IDEA/Eclipse/MyEclipse导入项目,修改配置,运行项目;

3.管理员账号:abo 密码:abo

4.开发环境为Eclipse/idea,数据库为mysql 使用java语言开发。

5.运行SpringbootSchemaApplication.java 即可打开首页

6.数据库连接src\main\resources\application.yml中修改

7.maven包版本apache-maven-3.3.9.

8.后台路径地址:localhost:8080/项目名称/admin

好的,我可以帮你完成这个任务。首先,你需要在 Vue 实例中定义几个数据属性,分别表示第一个输入框的值、第二个输入框的值、运算符和计算结果: ```javascript new Vue({ el: '#app', data: { no1: '', no2: '', operator: '+', result: '' }, methods: { calc: function() { // 计算逻辑 } } }) ``` 然后,在 HTML 中使用 `v-model` 指令将这些数据属性与输入框绑定起来: ```html <input type="text" class="no1" v-model="no1"> <select id="ysf" v-model="operator"> <option>+</option> <option>-</option> <option>*</option> <option>/</option> <option>%</option> </select> <input type="text" class="no2" v-model="no2"> = <input type="text" class="jg" v-model="result"> <input type="button" value="计算" @click="calc"> ``` 最后,在 `calc` 方法中编写计算逻辑,并将结果赋值给 `result` 数据属性: ```javascript calc: function() { var num1 = parseFloat(this.no1); var num2 = parseFloat(this.no2); if (isNaN(num1) || isNaN(num2)) { this.result = ''; return; } switch (this.operator) { case '+': this.result = num1 + num2; break; case '-': this.result = num1 - num2; break; case '*': this.result = num1 * num2; break; case '/': if (num2 === 0) { this.result = '除数不能为0'; } else { this.result = num1 / num2; } break; case '%': this.result = num1 % num2; break; } } ``` 这样就完成了双向绑定和计算功能。完整的代码如下: ```html <div id="app"> <input type="text" class="no1" v-model="no1"> <select id="ysf" v-model="operator"> <option>+</option> <option>-</option> <option>*</option> <option>/</option> <option>%</option> </select> <input type="text" class="no2" v-model="no2"> = <input type="text" class="jg" v-model="result"> <input type="button" value="计算" @click="calc"> </div> <script> new Vue({ el: '#app', data: { no1: '', no2: '', operator: '+', result: '' }, methods: { calc: function() { var num1 = parseFloat(this.no1); var num2 = parseFloat(this.no2); if (isNaN(num1) || isNaN(num2)) { this.result = ''; return; } switch (this.operator) { case '+': this.result = num1 + num2; break; case '-': this.result = num1 - num2; break; case '*': this.result = num1 * num2; break; case '/': if (num2 === 0) { this.result = '除数不能为0'; } else { this.result = num1 / num2; } break; case '%': this.result = num1 % num2; break; } } } }) </script> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值