pu428f3pz
/
InternshipProject
1
0
Fork 2
Code Issues Pull Requests Releases Wiki Activity

接口调用

Browse Source
dev_jzx
Jzx201211 4 years ago
parent a8c8f41026
commit d5433865c9
3 changed files with 92 additions and 524 deletions
Show Stats Download Patch File Download Diff File

46
src/pages/shijiankecheng/box2.js
Unescape View File

@ -0,0 +1,46 @@
import React, { Component } from "react";
export default class Box2 extends Component {
constructor() {
super();
this.state = {
list: [],
};
fetch("https://test-data.educoder.net/api/disciplines.json?source=subject")
.then((res) => res.json())
.then((data) => {
console.log(data.disciplines);
this.setState({
list: data.disciplines,
});
});
}
render() {
return (
<div className="kc_main_box2">
<div className="kc_main_box2_contain">
<ul>
<li>全部</li>
{this.state.list.map((item) => (
<li key={item.id}>
{item.name}
<div className="kc_main_box2_contain_li">
<div className="kc_main_box2_contain_li_ul">
{item.sub_disciplines.map((item) => (
<div
className="kc_main_box2_contain_li_ul_li"
key={item.id}
>
{item.name}
</div>
))}
</div>
</div>
</li>
))}
</ul>
</div>
</div>
);
}
}

42
src/pages/shijiankecheng/box4.js
Unescape View File

@ -0,0 +1,42 @@
import React, { Component } from "react";
export default class Box4 extends Component {
constructor() {
super();
this.state = {
map: [],
};
fetch(
"https://test-data.educoder.net/api/paths.json?sort=desc&order=new&page=1&limit=16&keyword=&discipline_id=&sub_discipline_id="
)
.then((res) => res.json())
.then((data) => {
console.log(data.subjects);
this.setState({
map: data.subjects,
});
});
}
render() {
return (
<div className="kc_main_box4">
{this.state.map.map((item, index) => (
<div
key={item.id}
className="kc_main_box4_box"
style={{ marginRight: index % 4 == 3 ? "0" : "" }}
>
<div className="kc_main_box4_box_shang">
<img
src={"https://testali-cdn.educoder.net/" + item.image_url}
></img>
</div>
<div className="kc_main_box4_box_xia">
<div className="kc_main_box4_box_xia_box1">{item.name}</div>
</div>
</div>
))}
</div>
);
}
}

528
src/pages/shijiankecheng/shijiankecheng.js
Unescape View File

@ -1,6 +1,8 @@
import React, { Component } from "react";
import "./shijiankecheng.css";
import Center6 from "../shouye/component/tg_dibu/center6";
import Box2 from "./box2";
import Box4 from "./box4";
export default class Shijiankecheng extends Component {
render() {
@ -35,534 +37,12 @@ export default class Shijiankecheng extends Component {
</div>
</div>
</div>
<div className="kc_main_box2">
<div className="kc_main_box2_contain">
<ul>
<li>全部</li>
<li id="c">
程序设计语言
<div className="kc_main_box2_contain_li">
<div className="kc_main_box2_contain_li_ul">
<div className="kc_main_box2_contain_li_ul_li">
C/C++程序设计
</div>
<div className="kc_main_box2_contain_li_ul_li">
Java程序设计
</div>
<div className="kc_main_box2_contain_li_ul_li">
Python程序设计
</div>
<div className="kc_main_box2_contain_li_ul_li">
PHP程序设计
</div>
<div className="kc_main_box2_contain_li_ul_li">
C#程序设计
</div>
<div className="kc_main_box2_contain_li_ul_li">
Matlab程序设计
</div>
<div className="kc_main_box2_contain_li_ul_li">
面向对象程序设计
</div>
<div className="kc_main_box2_contain_li_ul_li">
其他语言
</div>
<div className="kc_main_box2_contain_li_ul_li">
R语言程序设计
</div>
</div>
</div>
</li>
<li>
计算机基础
<div className="kc_main_box2_contain_li">
<div className="kc_main_box2_contain_li_ul">
<div className="kc_main_box2_contain_li_ul_li">
离散数学
</div>
<div className="kc_main_box2_contain_li_ul_li">
大学计算机基础
</div>
<div className="kc_main_box2_contain_li_ul_li">
计算思维
</div>
<div className="kc_main_box2_contain_li_ul_li">
图形图像
</div>
<div className="kc_main_box2_contain_li_ul_li">
数理统计
</div>
</div>
</div>
</li>
<li>
计算机系统能力
<div className="kc_main_box2_contain_li">
<div className="kc_main_box2_contain_li_ul">
<div className="kc_main_box2_contain_li_ul_li">
计算机组成原理
</div>
<div className="kc_main_box2_contain_li_ul_li">
操作系统
</div>
<div className="kc_main_box2_contain_li_ul_li">
编译原理
</div>
<div className="kc_main_box2_contain_li_ul_li">
计算机系统
</div>
<div className="kc_main_box2_contain_li_ul_li">
信号与系统
</div>
<div className="kc_main_box2_contain_li_ul_li">
汇编语言程序设计
</div>
<div className="kc_main_box2_contain_li_ul_li">
Linux编程设计
</div>
<div className="kc_main_box2_contain_li_ul_li">
Verilog程序设计
</div>
<div className="kc_main_box2_contain_li_ul_li">机器人</div>
</div>
</div>
</li>
<li>
算法设计
<div className="kc_main_box2_contain_li">
<div className="kc_main_box2_contain_li_ul">
<div className="kc_main_box2_contain_li_ul_li">
数据结构与算法（C/C++）
</div>
<div className="kc_main_box2_contain_li_ul_li">
数据结构与算法（Java）
</div>
<div className="kc_main_box2_contain_li_ul_li">
数据结构与算法（Python）
</div>
<div className="kc_main_box2_contain_li_ul_li">
算法设计与分析
</div>
</div>
</div>
</li>
<li>
云计算与大数据
<div className="kc_main_box2_contain_li">
<div className="kc_main_box2_contain_li_ul">
<div className="kc_main_box2_contain_li_ul_li">
数据科学
</div>
<div className="kc_main_box2_contain_li_ul_li">
数据采集
</div>
<div className="kc_main_box2_contain_li_ul_li">
数据存储管理
</div>
<div className="kc_main_box2_contain_li_ul_li">
数据分析处理
</div>
<div className="kc_main_box2_contain_li_ul_li">
数据可视化
</div>
<div className="kc_main_box2_contain_li_ul_li">
大数据应用案例
</div>
<div className="kc_main_box2_contain_li_ul_li">虚拟化</div>
<div className="kc_main_box2_contain_li_ul_li">
集群管理
</div>
<div className="kc_main_box2_contain_li_ul_li">
云计算基础
</div>
</div>
</div>
</li>
<li>
人工智能
<div className="kc_main_box2_contain_li">
<div className="kc_main_box2_contain_li_ul">
<div className="kc_main_box2_contain_li_ul_li">
人工智能基础
</div>
<div className="kc_main_box2_contain_li_ul_li">
机器学习
</div>
<div className="kc_main_box2_contain_li_ul_li">
深度学习
</div>
<div className="kc_main_box2_contain_li_ul_li">
自然语言处理
</div>
<div className="kc_main_box2_contain_li_ul_li">
语音识别
</div>
<div className="kc_main_box2_contain_li_ul_li">
机器视觉
</div>
<div className="kc_main_box2_contain_li_ul_li">
人工智能应用案例
</div>
<div className="kc_main_box2_contain_li_ul_li">
人工智能平台
</div>
<div className="kc_main_box2_contain_li_ul_li">
计算与人工智能概论
</div>
</div>
</div>
</li>
<li>
软件工程
<div className="kc_main_box2_contain_li">
<div className="kc_main_box2_contain_li_ul">
<div className="kc_main_box2_contain_li_ul_li">
软件工程导论
</div>
<div className="kc_main_box2_contain_li_ul_li">
需求分析
</div>
<div className="kc_main_box2_contain_li_ul_li">
开发运维
</div>
<div className="kc_main_box2_contain_li_ul_li">
测试度量
</div>
<div className="kc_main_box2_contain_li_ul_li">
项目管理
</div>
</div>
</div>
</li>
<li>
数据库
<div className="kc_main_box2_contain_li">
<div className="kc_main_box2_contain_li_ul">
<div className="kc_main_box2_contain_li_ul_li">MySQL</div>
<div className="kc_main_box2_contain_li_ul_li">
SQL Server
</div>
<div className="kc_main_box2_contain_li_ul_li">SQLite</div>
<div className="kc_main_box2_contain_li_ul_li">
PostgreSQL
</div>
<div className="kc_main_box2_contain_li_ul_li">MongoDB</div>
<div className="kc_main_box2_contain_li_ul_li">Redis</div>
<div className="kc_main_box2_contain_li_ul_li">Hbase</div>
<div className="kc_main_box2_contain_li_ul_li">
达梦数据库
</div>
</div>
</div>
</li>
<li>
Web开发
<div className="kc_main_box2_contain_li">
<div className="kc_main_box2_contain_li_ul">
<div className="kc_main_box2_contain_li_ul_li">
Web开发语言
</div>
<div className="kc_main_box2_contain_li_ul_li">Web基础</div>
<div className="kc_main_box2_contain_li_ul_li">
前端框架
</div>
<div className="kc_main_box2_contain_li_ul_li">
后端框架
</div>
<div className="kc_main_box2_contain_li_ul_li">
Web应用案例
</div>
</div>
</div>
</li>
<li>
电子信息
<div className="kc_main_box2_contain_li">
<div className="kc_main_box2_contain_li_ul">
<div className="kc_main_box2_contain_li_ul_li">
仿真编程语言
</div>
<div className="kc_main_box2_contain_li_ul_li">
电子电路
</div>
<div className="kc_main_box2_contain_li_ul_li">
信号与系统
</div>
<div className="kc_main_box2_contain_li_ul_li">
嵌入式系统
</div>
</div>
</div>
</li>
<li>
网络与安全
<div className="kc_main_box2_contain_li">
<div className="kc_main_box2_contain_li_ul">
<div className="kc_main_box2_contain_li_ul_li">
计算机网络
</div>
<div className="kc_main_box2_contain_li_ul_li">
信息安全
</div>
</div>
</div>
</li>
<li>
区块链
<div className="kc_main_box2_contain_li">
<div className="kc_main_box2_contain_li_ul">
<div className="kc_main_box2_contain_li_ul_li">区块链</div>
</div>
</div>
</li>
<li>
数学与统计
<div className="kc_main_box2_contain_li">
<div className="kc_main_box2_contain_li_ul">
<div className="kc_main_box2_contain_li_ul_li">
数学与统计
</div>
</div>
</div>
</li>
<li>
企业实战课程
<div className="kc_main_box2_contain_li">
<div className="kc_main_box2_contain_li_ul">
<div className="kc_main_box2_contain_li_ul_li">
百度课程
</div>
<div className="kc_main_box2_contain_li_ul_li">
华为课程
</div>
<div className="kc_main_box2_contain_li_ul_li">
国产计算框架
</div>
<div className="kc_main_box2_contain_li_ul_li">
品高云课程案例
</div>
<div className="kc_main_box2_contain_li_ul_li">
麒麟课程案例
</div>
</div>
</div>
</li>
<li>
前沿技术课程
<div className="kc_main_box2_contain_li">
<div className="kc_main_box2_contain_li_ul">
<div className="kc_main_box2_contain_li_ul_li">物联网</div>
<div className="kc_main_box2_contain_li_ul_li">
虚拟仿真
</div>
</div>
</div>
</li>
<li>
企业资源计划（ERP）
<div className="kc_main_box2_contain_li">
<div className="kc_main_box2_contain_li_ul">
<div className="kc_main_box2_contain_li_ul_li">
企业供应链管理（SCM）
</div>
<div className="kc_main_box2_contain_li_ul_li">
企业生产制造管理（ERP）
</div>
<div className="kc_main_box2_contain_li_ul_li">
企业财务会计管理（FA）
</div>
</div>
</div>
</li>
<li>
其它
<div className="kc_main_box2_contain_li">
<div className="kc_main_box2_contain_li_ul">
<div className="kc_main_box2_contain_li_ul_li">
英国-A Level
</div>
<div className="kc_main_box2_contain_li_ul_li">
K12-Python程序设计
</div>
<div className="kc_main_box2_contain_li_ul_li">
K12-信息技术基础
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<Box2></Box2>
<div className="kc_main_box3">
<div className="kc_main_box3_box">最新</div>
<div className="kc_main_box3_box">最热</div>
</div>
<div className="kc_main_box4">
<div className="kc_main_box4_box">
<div className="kc_main_box4_box_shang">
<img src="https://ali-cdn.educoder.net/images/avatars/Subject/4153?t=1639640731"></img>
</div>
<div className="kc_main_box4_box_xia">
<div className="kc_main_box4_box_xia_box1"> 数据挖掘 </div>
</div>
</div>
<div className="kc_main_box4_box">
<div className="kc_main_box4_box_shang">
<img src="https://ali-cdn.educoder.net/images/avatars/Subject/1792?t=1616592220"></img>
</div>
<div className="kc_main_box4_box_xia">
<div className="kc_main_box4_box_xia_box1">
{" "}
大学计算机基础 —— 计算思维{" "}
</div>
</div>
</div>
<div className="kc_main_box4_box">
<div className="kc_main_box4_box_shang">
<img src="https://ali-cdn.educoder.net/images/avatars/Subject/475?t=1608705852"></img>
</div>
<div className="kc_main_box4_box_xia">
<div className="kc_main_box4_box_xia_box1">
{" "}
新工科大数据技术能力评测在线课程（1级）{" "}
</div>
</div>
</div>
<div className="kc_main_box4_box" style={{ marginRight: "0" }}>
<div className="kc_main_box4_box_shang">
<img src="https://ali-cdn.educoder.net/images/avatars/Subject/5408?t=1643359244"></img>
</div>
<div className="kc_main_box4_box_xia">
<div className="kc_main_box4_box_xia_box1">
{" "}
百度架构师手把手带你零基础实践深度学习{" "}
</div>
</div>
</div>
<div className="kc_main_box4_box">
<div className="kc_main_box4_box_shang">
<img src="https://ali-cdn.educoder.net/images/avatars/Subject/432?t=1627437589"></img>
</div>
<div className="kc_main_box4_box_xia">
<div className="kc_main_box4_box_xia_box1"> 数据科学导论 </div>
</div>
</div>
<div className="kc_main_box4_box">
<div className="kc_main_box4_box_shang">
<img src="https://ali-cdn.educoder.net/images/avatars/Subject/2832?t=1638843485"></img>
</div>
<div className="kc_main_box4_box_xia">
<div className="kc_main_box4_box_xia_box1">
{" "}
软件工程理论与实践{" "}
</div>
</div>
</div>
<div className="kc_main_box4_box">
<div className="kc_main_box4_box_shang">
<img src="https://ali-cdn.educoder.net/images/avatars/Subject/5161?t=1641044270"></img>
</div>
<div className="kc_main_box4_box_xia">
<div className="kc_main_box4_box_xia_box1">
{" "}
寒假【Python大数据分析与挖掘】能力提升训练营{" "}
</div>
</div>
</div>
<div className="kc_main_box4_box" style={{ marginRight: "0" }}>
<div className="kc_main_box4_box_shang">
<img src="https://ali-cdn.educoder.net/images/avatars/Subject/243?t=1561087778"></img>
</div>
<div className="kc_main_box4_box_xia">
<div className="kc_main_box4_box_xia_box1">
{" "}
数据库原理与应用——MySQL从入门到实战{" "}
</div>
</div>
</div>
<div className="kc_main_box4_box">
<div className="kc_main_box4_box_shang">
<img src="https://ali-cdn.educoder.net/images/avatars/Subject/149?t=1566570433"></img>
</div>
<div className="kc_main_box4_box_xia">
<div className="kc_main_box4_box_xia_box1">
{" "}
大学计算——基于Python的计算思维与工程实践能力训练{" "}
</div>
</div>
</div>
<div className="kc_main_box4_box">
<div className="kc_main_box4_box_shang">
<img src="https://ali-cdn.educoder.net/images/avatars/Subject/2245?t=1616592143"></img>
</div>
<div className="kc_main_box4_box_xia">
<div className="kc_main_box4_box_xia_box1">
{" "}
数据库原理与应用-基于大规模实践的数据思维与能力训练{" "}
</div>
</div>
</div>
<div className="kc_main_box4_box">
<div className="kc_main_box4_box_shang">
<img src="https://ali-cdn.educoder.net/images/avatars/Subject/3243?t=1639707028"></img>
</div>
<div className="kc_main_box4_box_xia">
<div className="kc_main_box4_box_xia_box1"> 大数据分析实践 </div>
</div>
</div>
<div className="kc_main_box4_box" style={{ marginRight: "0" }}>
<div className="kc_main_box4_box_shang">
<img src="https://ali-cdn.educoder.net/images/avatars/Subject/3?t=1616591993"></img>
</div>
<div className="kc_main_box4_box_xia">
<div className="kc_main_box4_box_xia_box1">
{" "}
C&C++程序设计（计算机程序设计）{" "}
</div>
</div>
</div>
<div className="kc_main_box4_box">
<div className="kc_main_box4_box_shang">
<img src="https://ali-cdn.educoder.net/images/avatars/Subject/2601?t=1638770677"></img>
</div>
<div className="kc_main_box4_box_xia">
<div className="kc_main_box4_box_xia_box1">
{" "}
信息化保障和支援能力训练虚拟仿真实验{" "}
</div>
</div>
</div>
<div className="kc_main_box4_box">
<div className="kc_main_box4_box_shang">
<img src="https://ali-cdn.educoder.net/images/avatars/Subject/428?t=1608705308"></img>
</div>
<div className="kc_main_box4_box_xia">
<div className="kc_main_box4_box_xia_box1"> 数据科学训练营 </div>
</div>
</div>
<div className="kc_main_box4_box">
<div className="kc_main_box4_box_shang">
<img src="https://ali-cdn.educoder.net/images/educoder/index/subject/subject0.jpg"></img>
</div>
<div className="kc_main_box4_box_xia">
<div className="kc_main_box4_box_xia_box1">
{" "}
数字逻辑与数字系统{" "}
</div>
</div>
</div>
<div className="kc_main_box4_box" style={{ marginRight: "0" }}>
<div className="kc_main_box4_box_shang">
<img src="https://ali-cdn.educoder.net/images/avatars/Subject/2498?t=1608476448"></img>
</div>
<div className="kc_main_box4_box_xia">
<div className="kc_main_box4_box_xia_box1"> 信号与系统 </div>
</div>
</div>
</div>
<Box4></Box4>
<div className="kc_main_box5">
<button>上一页</button>
<button style={{ marginLeft: "8px" }}>下一页</button>

Write Preview
Loading…
Cancel
Save