Skip to content

开
开源技能树

saber3297 / 开源技能树

通知 8
Star 1
Fork 0
开
开源技能树

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

源分支
选择Git版本
...
目标分支
选择Git版本
 
Commits (2)
    https://gitcode.net/weixin_51559847/skill_tree_9/-/commit/928bd685ff83d45741291a6f0ca9904c40891e2e 实现基本功能 2022-12-11T22:07:15+08:00 unknown 1750455627@qq.com https://gitcode.net/weixin_51559847/skill_tree_9/-/commit/5f27b398f95c83047644e30a2a01956cf90aa9f5 Merge branch 'master' of https://gitcode.net/weixin_51559847/skill_tree_9 2022-12-11T22:07:30+08:00 unknown 1750455627@qq.com
隐藏空白更改
内联 并排
Showing with 2918 addition and 332 deletion
src/layout/index.vue
浏览文件 @ 5f27b398
......@@ -113,7 +113,7 @@ export default {
{
path: '/advanced1', title: '3.开源软件开发高阶', icon: 'el-icon-data-line', children: [
{
path: '/advanced_1', title: '开源软件研究', icon: '', children: [
path: '/advanced_1', title: '3.1开源软件研究', icon: '', children: [
{
path: '/advanced1_1', title: '3.1.1开源资料的收集', icon: ''
}, {
......
src/main.js
浏览文件 @ 5f27b398
......@@ -5,11 +5,13 @@ import store from "./store";
import axios from "axios";
import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css";
import VueAxios from "vue-axios";
Vue.use(VueAxios, axios)
Vue.use(ElementUI);
Vue.config.productionTip = false;
axios.defaults.baseURL = "http://";
axios.defaults.baseURL = "http://127.0.0.1:8000/";
Vue.prototype.$axios = axios;
// axios.defaults.withCredentials =true;
new Vue({
router,
store,
......
src/router/index.js
浏览文件 @ 5f27b398
......@@ -11,7 +11,7 @@ Vue.use(VueRouter);
const routes = [
{
path: "/primary1_1",
path: "/p",
name: "Index",
redirect: "/primary1_1",
component: HomeView,
......
src/views/1_primary/primary1_1.vue
浏览文件 @ 5f27b398
<template>
<div>
1.1.1开源软件基本概念
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
......@@ -9,7 +32,13 @@ export default {
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
......@@ -18,8 +47,60 @@ export default {
},
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","1.1.1");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","1.1.1");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/1_primary/primary1_2.vue
浏览文件 @ 5f27b398
<template>
<div>
1.1.2开源软件的发展历史和现状
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","1.1.2");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","1.1.2");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/1_primary/primary1_3.vue
浏览文件 @ 5f27b398
<template>
<div>
1.1.3开源软件的商业价值
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","1.1.3");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","1.1.3");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/1_primary/primary1_4.vue
浏览文件 @ 5f27b398
<template>
<div>
1.1.4开源软件的经典理论
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","1.1.4");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","1.1.4");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/1_primary/primary2.vue
浏览文件 @ 5f27b398
<template>
<div>
1.2开源软件开发入门
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
name: 'DishdaVuePrimary2',
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
data() {
return {
};
},
mounted() {
mounted() {
},
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","2.1.1");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","2.1.1");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/1_primary/primary3_1.vue
浏览文件 @ 5f27b398
<template>
<div>
1.3.1开源平台
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","1.3.1");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","1.3.1");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/1_primary/primary3_2.vue
浏览文件 @ 5f27b398
<template>
<div>
1.3.2开源社区
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
data() {
return {
};
},
mounted() {
mounted() {
},
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","1.3.2");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","1.3.2");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/1_primary/primary3_3.vue
浏览文件 @ 5f27b398
<template>
<div>
1.3.3开源项目
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
data() {
return {
};
},
mounted() {
mounted() {
},
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","1.3.3");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","1.3.3");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/1_primary/primary3_4.vue
浏览文件 @ 5f27b398
<template>
<div>
1.3.4开源生态
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
data() {
return {
};
},
mounted() {
mounted() {
},
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","1.3.4");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","1.3.4");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/1_primary/primary3_5.vue
浏览文件 @ 5f27b398
<template>
<div>
1.3.4开源协议
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
data() {
return {
};
},
mounted() {
mounted() {
},
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","1.3.5");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","1.3.5");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/2_intermediate/intermediate1_1.vue
浏览文件 @ 5f27b398
<template>
<div>
2.1.1代码管理
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","2.1.1");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","2.1.1");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/2_intermediate/intermediate1_2.vue
浏览文件 @ 5f27b398
<template>
<div>
2.1.2社会化协同开发
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","2.1.2");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","2.1.2");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/2_intermediate/intermediate1_3.vue
浏览文件 @ 5f27b398
<template>
<div>
2.1.3issue管理
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","2.1.3");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","2.1.3");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/2_intermediate/intermediate1_4.vue
浏览文件 @ 5f27b398
<template>
<div>
2.1.4持续集成
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","2.1.4");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","2.1.4");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/2_intermediate/intermediate1_5.vue
浏览文件 @ 5f27b398
<template>
<div>
2.1.5开发运维一体化
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","2.1.5");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","2.1.5");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/2_intermediate/intermediate1_6.vue
浏览文件 @ 5f27b398
<template>
<div>
2.1.6激励机制
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","2.1.6");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","2.1.6");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/2_intermediate/intermediate1_7.vue
浏览文件 @ 5f27b398
<template>
<div>
2.1.7代码安全管理
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","2.1.7");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","2.1.7");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/2_intermediate/intermediate1_8.vue
浏览文件 @ 5f27b398
<template>
<div>
2.1.8开源社区中跨语言与文化的合作
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","2.1.8");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","2.1.8");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/2_intermediate/intermediate2_1.vue
浏览文件 @ 5f27b398
<template>
<div>
2.2.1开源软件开发的候选项目
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","2.2.1");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","2.2.1");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/2_intermediate/intermediate2_2.vue
浏览文件 @ 5f27b398
<template>
<div>
2.2.2开源软件开发的注意事项
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","2.2.2");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","2.2.2");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/3_advanced/advanced1_1.vue
浏览文件 @ 5f27b398
<template>
<div>
3.1.1开源资料的收集
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","3.1.1");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","3.1.1");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/3_advanced/advanced1_10.vue
浏览文件 @ 5f27b398
<template>
<div>
3.1.10开源社区健康度
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","3.1.10");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","3.1.10");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/3_advanced/advanced1_2.vue
浏览文件 @ 5f27b398
<template>
<div>
3.1.2开源软件仓库挖掘
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","3.1.2");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","3.1.2");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/3_advanced/advanced1_3.vue
浏览文件 @ 5f27b398
<template>
<div>
3.1.3开源社区分析
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","3.1.3");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","3.1.3");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/3_advanced/advanced1_4.vue
浏览文件 @ 5f27b398
<template>
<div>
3.1.4智能软件工程
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","3.1.4");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","3.1.4");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/3_advanced/advanced1_5.vue
浏览文件 @ 5f27b398
<template>
<div>
3.1.5开发者，开发资源推荐
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","3.1.5");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","3.1.5");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/3_advanced/advanced1_6.vue
浏览文件 @ 5f27b398
<template>
<div>
3.1.6代码补全与注释生成
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","3.1.6");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","3.1.6");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/3_advanced/advanced1_7.vue
浏览文件 @ 5f27b398
<template>
<div>
3.1.7缺陷定位与修复
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","3.1.7");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","3.1.7");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/3_advanced/advanced1_8.vue
浏览文件 @ 5f27b398
<template>
<div>
3.1.8开源软件供应链及安全性分析
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","3.1.8");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","3.1.8");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/3_advanced/advanced1_9.vue
浏览文件 @ 5f27b398
<template>
<div>
3.1.9开源项目发展潜力预测
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","3.1.9");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","3.1.9");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/3_advanced/advanced2_1.vue
浏览文件 @ 5f27b398
<template>
<div>
3.2.1开源软件和开源硬件的发展趋势
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","3.2.1");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","3.2.1");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/3_advanced/advanced2_2.vue
浏览文件 @ 5f27b398
<template>
<div>
3.2.2开源的未来展望
<div>
<div v-text="title"></div>
<div v-text="content"></div>
</div>
<div>
<input type="checkbox" value="A" v-model="answer"/>A
<div v-text="optionA"></div>
</div>
<div>
<input type="checkbox" value="B" v-model="answer"/>B
<div v-text="optionB"></div>
</div>
<div>
<input type="checkbox" value="C" v-model="answer"/>C
<div v-text="optionC"></div>
</div>
<div>
<input type="checkbox" value="D" v-model="answer"/>D
<div v-text="optionD"></div>
</div>
<div>
<button type="submit" value="提交" @click="commit">提交</button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
data() {
return {
title: "",
optionA: "",
optionB: "",
optionC: "",
optionD: "",
content: "",
answer: [ ],
};
},
mounted() {
},
mounted() {
},
methods: {
methods: {
commit(){
let formdata = new FormData();
formdata.append("answer",this.answer);
formdata.append("number","3.2.2");
this.$axios({
method:"post",
url: "/api/submit_answer",
data: formdata,
})
.then((res) => {
switch (res.data.errno) {
case 100000 :
this.$message.success("答案正确！");
break;
case 100006 :
this.$message.success("答案错误！");
break;
}
})
},
},
created() {
let formData = new FormData();
formData.append("number","3.2.2");
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/api/get_exercise" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
/* res 是 response 的缩写 */
switch (res.data.errno) {
case 100000:
localStorage.clear();
console.log(res.data);
this.title = res.data.post.title;
this.content = res.data.post.content;
this.optionA = res.data.post.A;
this.optionB = res.data.post.B;
this.optionC = res.data.post.C;
this.optionD = res.data.post.D;
this.$message.success("获取成功！");
break;
case 100005:
this.$message.error("获取失败!");
break;
default:
this.$message.error("其它错误！");
}
})
.catch((err) => {
console.log(err); /* 若出现异常则在终端输出相关信息 */
});
},
};
</script>
......
src/views/login/login.vue
浏览文件 @ 5f27b398
......@@ -16,8 +16,9 @@
v-model="loginForm.password" />
<button type="primary" roundsize="large" @click="login">
<p>登录</p>
登录
</button>
<div><a href="/register">注册</a></div>
</div>
</template>
......@@ -51,7 +52,7 @@ export default {
formData.append("password", this.loginForm.password);
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/login" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
url: "api/login" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
......@@ -60,21 +61,23 @@ export default {
case 100000:
localStorage.clear();
console.log(res.data);
this.$store.state.email = this.loginForm.email;
this.$store.state.user_name=res.data.post.name;
// this.$store.state.email = this.loginForm.email;
// this.$store.state.user_name=res.data.post.name;
this.$message.success("登录成功！");
this.$store.commit('login');//这个函数会修改islogin全局变量的值，当然也可以直接修改
/* 将后端返回的 user 信息使用 vuex 存储起来 */
/* 从 localStorage 中读取 preRoute 键对应的值 */
//const history_pth = localStorage.getItem('preRoute');
/* 若保存的路由为空或为注册路由，则跳转首页；否则跳转前路由（setTimeout表示1000ms后执行） */
this.$router.push("/primary1_1");
setTimeout(() => {
this.$router.push("/p");
}, 500);
break;
case 100002:
this.$message.error("用户不存在或未注册!");
break;
case 100003:
this.$message.error("邮箱或密码错误！");
this.$message.error("登录失败");
break;
case 100004:
this.$message.error("已经登录，请勿重复登录！");
......
src/views/login/register.vue
浏览文件 @ 5f27b398
......@@ -48,11 +48,6 @@ export default {
this.$message.error("信息尚未填写完整！");
return;
}
if(this.regForm.pwd1.length<6)
{
this.$message.error("密码长度太短！");
return;
}
let formData = new FormData();
formData.append("truename", this.regForm.true_name);
formData.append("email", this.regForm.email);
......@@ -60,7 +55,7 @@ export default {
this.$axios({
method: "post" /* 指明请求方式，可以是 get 或 post */,
url: "/register" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
url: "/api/register" /* 指明后端 api 路径，由于在 main.js 已指定根路径，因此在此处只需写相对路由 */,
data: formData,
})
.then((res) => {
......@@ -69,11 +64,11 @@ export default {
case 100000:
this.$message.success("注册成功！");
setTimeout(() => {
this.$router.push("/login");
this.$router.push("/");
}, 500);
break;
case 100004:
this.$message.error("邮箱已被注册!");
this.$message.error("注册失败");
break;
case 100006:
this.$message.error("用户信息内容缺失或有误!");
......