这次项目实训中,我们小组选择的题目是在线考试系统,经过讨论分工,我负责考试管理部分中的前端开发部分。

首先进行环境配置。

前端开发最为便利的开发工具为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年山东大学软件学院项目实训记录(第一周)相关推荐

  1. 山东大学软件学院项目实训第三周

    我们小组实现考试管理,实现了学生端,老师端,管理员端的界面展示,对试卷的删除操作等. 以下是我们组后端部分的代码 package com.mwt.oes.controller;import com.m ...

  2. 山东大学软件学院项目实训-创新实训-SDUMeeting(一)

    山东大学软件学院项目实训-创新实训-SDUMeeting(一) 一.前言: 这个项目是山东大学视频会议项目,这个项目基于webrtc构建多人视频会议系统,我负责视频会议客户端及服务端安全防护,这个专栏 ...

  3. 山东大学软件学院项目实训-创新实训-SDUMeeting(三)

    山东大学软件学院项目实训-创新实训-SDUMeeting(三) 山大会议项目web安全之文件注入防护 一.前言 山大会议的客户端加入了对用户自定义头像的支持,需要用户自行上传头像图片,这个过程存在文件 ...

  4. 山东大学软件学院项目实训-创新实训-SDUMeeting(六)

    山东大学软件学院项目实训-创新实训-SDUMeeting(六) 端对端加密与密钥交换 端到端加密(end-to-end),是一种只有参与通讯的用户可以读取信息的通信系统.它可以防止潜在的窃听者--包括 ...

  5. 山东大学软件学院项目实训-创新实训-网络安全靶场实验平台(一)

    目录 前言 一.项目介绍 二.项目框架 三.个人分工 四.本周任务完成情况 4.1  Vue安装 4.1.1 node.js安装及配置 4.1.2 安装vue及脚手架 4.1.3 运行Vue项目 4. ...

  6. 山东大学软件学院项目实训-创新实训-山大软院网络攻防靶场实验平台(二)-docker安装与学习

    目录 前言: 一.docker安装 1.centos7使用yum安装 二.命令行创建 docker 容器测试 前言: 项目实训立项通过后的几天均在学习 docker 的相关知识,上一篇文章也简单记述了 ...

  7. 山东大学软件学院项目实训-创新实训-山大软院网络攻防靶场实验平台(六)-SQL注入数字型

    目录 前言: 一.SQL 注入漏洞简介 1.简介 2.危害 3.利用 4.防范 二.相关配置 三.编写"SQL 注入漏洞-数字型注入"后端代码 1.使用 springboot 框架 ...

  8. 山东大学软件学院项目实训——超市/供应商直销平台

    了解项目: 项目介绍: 一.项目名称:直销超市/供应商网络平台 直销超市/供应商网络平台是一个企业对企业(B2B)模式的在线交易平台.考虑到了买卖双方各种需求,有着广泛的实用性,能简单,清晰,快捷的满 ...

  9. 山东大学软件学院项目实训-创新实训-网络安全靶场实验平台(五)

    目录 一.header 二.footer 三.数据库的设计 3.1 表的设计 3.2 E-R图 一.header header是页面的导航条,作为一个组件在每个页面中都有引用. 其外观如下图所示:   ...

最新文章

  1. 沈向洋、华刚:读科研论文的三个层次、四个阶段与十个问题
  2. 高考结束了,来看下QS最新全球大学排名,清华北大进前20
  3. Material Master
  4. torch 归一化,momentum用法详解
  5. 用DzzOffice管理阿里云OSS
  6. c语言入门自学书籍推荐6,菜鸟自学嵌入式之C语言基础No6 算法分析
  7. 主要技术指标简介_期货常用技术指标(五)布林线
  8. 台式计算机无线网卡,台式机用无线网卡,详细教您台式机怎么用无线网卡
  9. Linux oracle中文乱码的问题解决
  10. Sublime Text3底部面板添加命令行(cmd)
  11. 对话DDM:分布式数据库中间件全解析
  12. FusionCharts Free(2)
  13. 浙商证券计算机组成原理,中国海洋大学计算机组成原理期末模拟参考答案.doc...
  14. 倡导非盗版,自己常用的一些软件集锦
  15. 互联网从此没有 BAT
  16. 通俗讲解:傅立叶分析和小波分析之间的关系
  17. 2012年8月24日
  18. 洛谷P3369 【模板】普通平衡树 红黑树实现
  19. linux+4k+桌面壁纸,Ubuntu 20.04 LTS Focal Fossa 高清晰 4K 默认壁纸来了
  20. golang时间类型字符串转时间类型

热门文章

  1. java:POI导出excel
  2. ​力扣解法汇总764. 最大加号标志
  3. 重要接口部件——SRAM
  4. 大一C语言图形界面点餐系统
  5. Android 加速度传感器的使用详解
  6. 视频直播应用的竞争分析
  7. 第四节——提炼模型:思维模型
  8. 六派玩家收割智能路由器
  9. K-近邻算法之K值的选择(带案例)
  10. dism 分割镜像_DISM修改WDS启动镜像实现自动捕获镜像