LeDao's Blog

概述Java中循环有while、do…while…，for，增强for while12345678910public static void main(String[] args) { Scanner sc = new Scanner(System.in); System.out.println("请输入一个数字:"); int n = sc.nextInt(); int i = 1; while (i <= n) { System.out.print(i+" "); i++; }} do…while…即使循环条件不满足，也至少执行一次 1234567public static void main(String[] args) { int i = 1; do { System.out.print(i + " "); i++; } while (i < 6);} for12345public static void main( ...

项目地址GitHub地址前端代码地址：https://github.com/a6678696/ExamSystem2 后端代码地址：https://github.com/a6678696/ExamSystem 使用的技术本项目为前后端分离项目，使用的技术有：Spring Boot、Mybatis、MySQL5.6、Vue.js、Element UI 功能介绍考生功能注册、登录、在线考试（交卷、强制交卷、自动交卷）、查看成绩以及试卷详情、修改密码、注销登录 教师功能登录、发布试题（单选题和填空题）、查看全部试题（包括其他教师发布的试题）、我的试题管理（增删改查）、查看全部学生成绩、修改密码、注销登录 管理员功能和教师的功能一样，但是多了用户管理（添加、修改、查看用户信息）、全部试题管理、科目管理 图片展示考生考生注册 考生登录 考生界面 选择试题类型 考生考试 考生查看成绩 考生修改密码 考生注销登录 教师教师登录 教师界面 教师查看学生成绩 教师添加试题 教师查看全部试题 教师管理我的试题 教师修改密码 教师注销登录 管理员管理员登录 管理员界面 科目管理 用户管理 全部试题管理 ...

前端向后端发送的数据有当前页、每页记录数，后端向前端发送的数据有查询到的数据集合、数据总记录数（满足查询条件的全部数据的总记录数） 前端分页代码12345678910<el-pagination align="center" style="margin-top: 8px" background layout="prev, pager, next" :current-page.sync="pagination.page" :page-size.sync="pagination.size" :total="pagination.count" @current-change="handleCurrentChange"></el-pagination> 分页属性包括当前页，每页记录数，数据总记录数 12345pagination: { ...

Element UI自带的图标数量太少了,并不能满足我们的开发需求 第三方图标地址链接为：iconfont-阿里巴巴矢量图标库 操作步骤 查找需要的图标，添加入库 点击右上角的购物车图标按钮，添加到项目，没有项目就新建 修改项目设置，可以给图标加一个前缀 修改图片（样式、名称等） 选择Font Class，下载至本地 将下载的压缩包解压后，将里面的文件复制到项目中 在项目中引用 在/src/main.js中引入即可 1import '@/assets/myicon/iconfont.css';

新建项目时选择自动下载vue-router 修改src/main.js12345678910111213141516import ElementUI from 'element-ui' //新添加import 'element-ui/lib/theme-chalk/index.css' //新添加，避免后期打包样式不同，要放在import App from './App';之前import Vue from 'vue'import App from './App'import router from './router'Vue.config.productionTip = falseVue.use(ElementUI)//新添加/* eslint-disable no-new */new Vue({ el: '#app', router, render: h => h(App), components: {Ap ...

定义两个组件Student.vue 12345678910111213141516171819202122232425262728293031323334353637383940414243444546<template> <div> <el-tag type="danger" style="margin-top: 10px">当前是学生表</el-tag> <el-table :data="students" style="width: 60%;margin-left: 20%;margin-top: 20px" border> <el-table-column prop="id" label="编号" align="center"></el-table-column> <el-table-column prop=" ...

安装安装方法一共有三个方法： 使用npm命令 使用cnpm命令 在package.json中添加 使用npm命令有三个地方可以执行npm命令 使用 CMD 命令打开项目文件夹后 使用 Git Bash 命令打开项目文件夹后 WebStorm 中使用 Terminal 命令窗口 1npm i element-ui -S 使用cnpm命令cnpm 是淘宝版 npm，如果因为网络原因无法使用 npm 命令，那么就可以使用 cnpm 命令，cnpm 安装和卸载 Element UI 的命令如下： 12345# 安装cnpm i element-ui -S# 卸载cnpm uninstall element-ui 在package.json中添加 打开 package.js 文件，找到 devDependencies 并在最后加上"element-ui": "^2.15.6"，多个依赖之间用英文逗号,隔开 通过 npm install 或者 cnpm install 命令进行安装 123456789101112131415/*入口js:创 ...

概述在src/components下新建一个HelloWorld.vue文件，每个.vue文件都包括三个部分：<template>模版代码块，<script>是js代码块，<style>是样式代码块，其中如果<style>使用了scoped属性（让当前组件的样式不会修改到其它地方的样式，在父组件中是不能直接修改子组件的样式的，需要在父组件中使用vue的深度作用选择器），该样式只在本.vue文件下生效 HelloWolrd.vue1234567891011121314151617181920212223<template> <div> <p class="info">{{ info }}</p> </div></template><script>export default { name: 'HelloWorld', data () { r ...

版本说明主要看vue-cli的版本，如果版本是2.x，那么创建项目的命令为vue init webpack 项目名称；如果版本是3.x及以上，那么创建项目的命令为vue create 项目名称 名称 版本 Node.js 14.17.1 npm 6.14.13 vue-cli 2.9.6 新建项目在 Vue 项目存储文件夹中打开CMD，输入命令：vue init webpack vue_demo，vue_demo 是项目名称，然后进行一些配置 项目配置项目名称 项目描述 作者信息 构建方式 是否安装vue-router现在不安装的话，后期可以在项目中安装 使用ESLintESLint是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码，建议不使用 安装单元测试 安装E2E测试框架NightWatch 选择包管理工具 启动项目打开package.json文件，点击第9行左边的启动按钮，选择第一个选项启动即可 访问打开运行信息的地址即可访问项目，出现以下页面说明成功运行 要停止运行，使用快捷键CTRL+C，或者点击IDE的停止按钮 ...

安装Node.js官网：https://nodejs.org 下载第一个稳定版本，点击安装文件一直下一步即可（可自己选择安装路径） 检验是否安装成功，分别输入命令node --version或node -V、npm -v都可以看到版本号说明Node.js安装完成 安装vue-cli脚手架打开CMD，输入下面命令安装，如果报错且报错信息为The operation was rejected by your operating system，就以管理员身份运行CMD，再次安装 1npm install -g @vue/cli 等待安装完成，输入命令：vue -V，看到版本号说明脚手架安装完成