2021年山东大学软件学院项目实训记录(第一周)
这次项目实训中,我们小组选择的题目是在线考试系统,经过讨论分工,我负责考试管理部分中的前端开发部分。
首先进行环境配置。
前端开发最为便利的开发工具为VScode,我们选择的开发框架是Vue。
VScode的安装
进入vscode官网:https://code.visualstudio.com/
左侧下载安装包,下载安装包后打开,在安装过程选中添加到PATH。
安装之后打开VScode,安装一些组件,包括汉化等。
Vue配置较为简单,将vue.min.js文件下载之后添加到项目文件夹中,则在这个项目中就可以通过引用vue.min.js文件使用vue进行代码的编写。
引用vue.min.js的代码
<script src="vue.min.js"></script>
常用vue框架代码
v-bind 用于绑定数据和元素属性的
v-if,v-else 用于条件渲染
v-for 循环普通数组
v-on 事件监听
Node.js安装
node.js官网(https://nodejs.org/en/download/)下载并安装node.js
一直下一步安装完node.js
环境变量配置
打开cmd查看
npm配置
node.js中集成来npm,npm不需要额外配置。
2021年山东大学软件学院项目实训记录(第一周)相关推荐
- 山东大学软件学院项目实训第三周
我们小组实现考试管理,实现了学生端,老师端,管理员端的界面展示,对试卷的删除操作等. 以下是我们组后端部分的代码 package com.mwt.oes.controller;import com.m ...
- 山东大学软件学院项目实训-创新实训-SDUMeeting(一)
山东大学软件学院项目实训-创新实训-SDUMeeting(一) 一.前言: 这个项目是山东大学视频会议项目,这个项目基于webrtc构建多人视频会议系统,我负责视频会议客户端及服务端安全防护,这个专栏 ...
- 山东大学软件学院项目实训-创新实训-SDUMeeting(三)
山东大学软件学院项目实训-创新实训-SDUMeeting(三) 山大会议项目web安全之文件注入防护 一.前言 山大会议的客户端加入了对用户自定义头像的支持,需要用户自行上传头像图片,这个过程存在文件 ...
- 山东大学软件学院项目实训-创新实训-SDUMeeting(六)
山东大学软件学院项目实训-创新实训-SDUMeeting(六) 端对端加密与密钥交换 端到端加密(end-to-end),是一种只有参与通讯的用户可以读取信息的通信系统.它可以防止潜在的窃听者--包括 ...
- 山东大学软件学院项目实训-创新实训-网络安全靶场实验平台(一)
目录 前言 一.项目介绍 二.项目框架 三.个人分工 四.本周任务完成情况 4.1 Vue安装 4.1.1 node.js安装及配置 4.1.2 安装vue及脚手架 4.1.3 运行Vue项目 4. ...
- 山东大学软件学院项目实训-创新实训-山大软院网络攻防靶场实验平台(二)-docker安装与学习
目录 前言: 一.docker安装 1.centos7使用yum安装 二.命令行创建 docker 容器测试 前言: 项目实训立项通过后的几天均在学习 docker 的相关知识,上一篇文章也简单记述了 ...
- 山东大学软件学院项目实训-创新实训-山大软院网络攻防靶场实验平台(六)-SQL注入数字型
目录 前言: 一.SQL 注入漏洞简介 1.简介 2.危害 3.利用 4.防范 二.相关配置 三.编写"SQL 注入漏洞-数字型注入"后端代码 1.使用 springboot 框架 ...
- 山东大学软件学院项目实训——超市/供应商直销平台
了解项目: 项目介绍: 一.项目名称:直销超市/供应商网络平台 直销超市/供应商网络平台是一个企业对企业(B2B)模式的在线交易平台.考虑到了买卖双方各种需求,有着广泛的实用性,能简单,清晰,快捷的满 ...
- 山东大学软件学院项目实训-创新实训-网络安全靶场实验平台(五)
目录 一.header 二.footer 三.数据库的设计 3.1 表的设计 3.2 E-R图 一.header header是页面的导航条,作为一个组件在每个页面中都有引用. 其外观如下图所示: ...
最新文章
- 沈向洋、华刚:读科研论文的三个层次、四个阶段与十个问题
- 高考结束了,来看下QS最新全球大学排名,清华北大进前20
- Material Master
- torch 归一化,momentum用法详解
- 用DzzOffice管理阿里云OSS
- c语言入门自学书籍推荐6,菜鸟自学嵌入式之C语言基础No6 算法分析
- 主要技术指标简介_期货常用技术指标(五)布林线
- 台式计算机无线网卡,台式机用无线网卡,详细教您台式机怎么用无线网卡
- Linux oracle中文乱码的问题解决
- Sublime Text3底部面板添加命令行(cmd)
- 对话DDM:分布式数据库中间件全解析
- FusionCharts Free(2)
- 浙商证券计算机组成原理,中国海洋大学计算机组成原理期末模拟参考答案.doc...
- 倡导非盗版,自己常用的一些软件集锦
- 互联网从此没有 BAT
- 通俗讲解:傅立叶分析和小波分析之间的关系
- 2012年8月24日
- 洛谷P3369 【模板】普通平衡树 红黑树实现
- linux+4k+桌面壁纸,Ubuntu 20.04 LTS Focal Fossa 高清晰 4K 默认壁纸来了
- golang时间类型字符串转时间类型