forked from Gitlink/forgeplus-react
data
This commit is contained in:
parent
087d089705
commit
f05c3f322f
|
|
@ -56,7 +56,7 @@ window._debugType = debugType;
|
|||
export function initAxiosInterceptors(props) {
|
||||
initOnlineOfflineListener();
|
||||
var proxy = "http://localhost:3000";
|
||||
proxy = "https://testforgeplus.trustie.net";
|
||||
proxy = "http://192.168.1.37:3000";
|
||||
|
||||
const requestMap = {};
|
||||
window.setfalseInRequestMap = function (keyName) {
|
||||
|
|
|
|||
|
|
@ -48,10 +48,10 @@
|
|||
padding-top: 60px;
|
||||
}
|
||||
.footsnav{
|
||||
// position: absolute;
|
||||
// width: 100%;
|
||||
// bottom: 0px;
|
||||
// left: 0px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
text-align: center;
|
||||
padding-bottom:10px;
|
||||
background-color: #fff;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
import React, { useEffect } from 'react';
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import { HomeHoc } from './HOC/HomeHoc';
|
||||
import { Link } from 'react-router-dom';
|
||||
import './Index.scss';
|
||||
|
|
@ -11,8 +11,25 @@ import icon2 from './images/icon2.png';
|
|||
import active1 from './images/active1.jpg';
|
||||
import active2 from './images/active2.png';
|
||||
import DefaultImg from './images/default.png';
|
||||
import perl from './images/perl.png';
|
||||
import deno from './images/deno.png';
|
||||
import go7c from './images/go7c.png';
|
||||
// import axios from 'axios';
|
||||
|
||||
function Index(props){
|
||||
// const [ recommand ,setRecommand ] =useState(undefined);
|
||||
// useEffect(()=>{
|
||||
// getRecommand();
|
||||
// },[])
|
||||
|
||||
// function getRecommand(){
|
||||
// const url = `/projects/recommand.json`;
|
||||
// axios.get(url).then(result=>{
|
||||
// if(result && result.data){
|
||||
// setRecommand(result.data.data);
|
||||
// }
|
||||
// }).catch(error=>{})
|
||||
// }
|
||||
return(
|
||||
<div>
|
||||
<div className="homebase">
|
||||
|
|
@ -26,11 +43,27 @@ function Index(props){
|
|||
<ul>
|
||||
<li>
|
||||
<div className="p_head">
|
||||
<p className="p_name task-hide-2">Labeled Risc-V</p>
|
||||
<p className="p_name task-hide-2">DHL</p>
|
||||
<img src={DefaultImg} alt="" height="50px"/>
|
||||
</div>
|
||||
<p className="p_author">中科院计算所</p>
|
||||
<p className="p_desc task-hide-2">基于精简指令集（RISC）原则的开源指令集架构，用于允许任何人设计、制造和销售RISC-V芯片和软件。</p>
|
||||
<p className="p_author">华中科技大学</p>
|
||||
<p className="p_desc task-hide-2">FPGA软硬件协同加速网络功能虚拟化（NFV）的开源系统。</p>
|
||||
</li>
|
||||
<li>
|
||||
<div className="p_head">
|
||||
<p className="p_name task-hide-2">PostMan</p>
|
||||
<img src={DefaultImg} alt="" height="50px"/>
|
||||
</div>
|
||||
<p className="p_author">华中科技大学</p>
|
||||
<p className="p_desc task-hide-2">一种快速缓解突发流量（如热点新闻、电商购物节等较短时间内海量小数据包蜂拥压力）的动态按需组包卸载与批处理系统。</p>
|
||||
</li>
|
||||
<li>
|
||||
<div className="p_head">
|
||||
<p className="p_name task-hide-2">SGX-Migration</p>
|
||||
<img src={DefaultImg} alt="" height="50px"/>
|
||||
</div>
|
||||
<p className="p_author">上海交通大学</p>
|
||||
<p className="p_desc task-hide-2">致力于在异构云平台之间，实现Enclave的实时跨云迁移。</p>
|
||||
</li>
|
||||
<li>
|
||||
<div className="p_head">
|
||||
|
|
@ -42,11 +75,19 @@ function Index(props){
|
|||
</li>
|
||||
<li>
|
||||
<div className="p_head">
|
||||
<p className="p_name task-hide-2">Labeled Risc-V</p>
|
||||
<p className="p_name task-hide-2">HCloud</p>
|
||||
<img src={DefaultImg} alt="" height="50px"/>
|
||||
</div>
|
||||
<p className="p_author">中科院计算所</p>
|
||||
<p className="p_desc task-hide-2">基于精简指令集（RISC）原则的开源指令集架构，用于允许任何人设计、制造和销售RISC-V芯片和软件。</p>
|
||||
<p className="p_author">上海交通大学</p>
|
||||
<p className="p_desc task-hide-2">致力于跨云环境下的可信数据融合与机密计算。</p>
|
||||
</li>
|
||||
<li>
|
||||
<div className="p_head">
|
||||
<p className="p_name task-hide-2">FusionStack SimpleDFS</p>
|
||||
<img src={DefaultImg} alt="" height="50px"/>
|
||||
</div>
|
||||
<p className="p_author">华云网际</p>
|
||||
<p className="p_desc task-hide-2">完全针对闪存介质优化，系统架构支持百亿到千亿级文件数量。致力于通过尽可能简单设计，为用户提供可靠性更强，性价比更高的分布式存储系统。</p>
|
||||
</li>
|
||||
<li>
|
||||
<div className="p_head">
|
||||
|
|
@ -58,35 +99,11 @@ function Index(props){
|
|||
</li>
|
||||
<li>
|
||||
<div className="p_head">
|
||||
<p className="p_name task-hide-2">Labeled Risc-V</p>
|
||||
<p className="p_name task-hide-2">G-Cloud</p>
|
||||
<img src={DefaultImg} alt="" height="50px"/>
|
||||
</div>
|
||||
<p className="p_author">中科院计算所</p>
|
||||
<p className="p_desc task-hide-2">基于精简指令集（RISC）原则的开源指令集架构，用于允许任何人设计、制造和销售RISC-V芯片和软件。</p>
|
||||
</li>
|
||||
<li>
|
||||
<div className="p_head">
|
||||
<p className="p_name task-hide-2">Labeled Risc-V</p>
|
||||
<img src={DefaultImg} alt="" height="50px"/>
|
||||
</div>
|
||||
<p className="p_author">中科院计算所</p>
|
||||
<p className="p_desc task-hide-2">基于精简指令集（RISC）原则的开源指令集架构，用于允许任何人设计、制造和销售RISC-V芯片和软件。</p>
|
||||
</li>
|
||||
<li>
|
||||
<div className="p_head">
|
||||
<p className="p_name task-hide-2">Labeled Risc-V</p>
|
||||
<img src={DefaultImg} alt="" height="50px"/>
|
||||
</div>
|
||||
<p className="p_author">中科院计算所</p>
|
||||
<p className="p_desc task-hide-2">基于精简指令集（RISC）原则的开源指令集架构，用于允许任何人设计、制造和销售RISC-V芯片和软件。</p>
|
||||
</li>
|
||||
<li>
|
||||
<div className="p_head">
|
||||
<p className="p_name task-hide-2">Labeled Risc-V</p>
|
||||
<img src={DefaultImg} alt="" height="50px"/>
|
||||
</div>
|
||||
<p className="p_author">中科院计算所</p>
|
||||
<p className="p_desc task-hide-2">基于精简指令集（RISC）原则的开源指令集架构，用于允许任何人设计、制造和销售RISC-V芯片和软件。</p>
|
||||
<p className="p_author">中科院云计算育成中心</p>
|
||||
<p className="p_desc task-hide-2">中国云操作系统最小内核开源项目，基于中国云标准API。 中国云OS最小内核定位于打造成一个标准的最小化核心的基础云平台，功能组件包括计算</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -126,7 +143,15 @@ function Index(props){
|
|||
<div>
|
||||
<ul className="newsul">
|
||||
<li>
|
||||
<img src="" alt="" width="145px" height="96px"/>
|
||||
{/* <div className="imgBox"><img src="" alt="" width="145px" height="96px"/></div> */}
|
||||
<div className="news-info">
|
||||
<p className="news-title"><Link to={""} target="_blank">木兰重生：更多 $ 的妙用，self 的拓展语义</Link></p>
|
||||
<div className="news-desc task-hide-2">本项目旨在重现「木兰」编程语言的语法和功能。所有例程演示的语法可以用原始的木兰可执行文件 ulang-0.2.2.exe 检验。如发现有异烦请告知，定将礼谢。 上篇演示了 $ 在木兰中的部分用途</div>
|
||||
<div className="news-time">2020/10/02 05:06</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div className="imgBox"><img src={perl} alt="" width="145px" height="96px"/></div>
|
||||
<div className="news-info">
|
||||
<p className="news-title"><Link to={""} target="_blank">官方宣布 Perl 7 计划</Link></p>
|
||||
<div className="news-desc task-hide-2">Perl 官方宣布了 Perl 7 计划。Perl 7 目前已经在开发中，但是在代码与语法上不会有太大的改变，其本质上是具有现代默认设置的 Perl 5，并为之后进行更大的更改奠定了基础。</div>
|
||||
|
|
@ -134,19 +159,19 @@ function Index(props){
|
|||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="" alt="" width="145px" height="96px"/>
|
||||
<div className="imgBox"><img src={deno} alt=""/></div>
|
||||
<div className="news-info">
|
||||
<p className="news-title"><Link to={""} target="_blank">官方宣布 Perl 7 计划</Link></p>
|
||||
<div className="news-desc task-hide-2">Perl 官方宣布了 Perl 7 计划。Perl 7 目前已经在开发中，但是在代码与语法上不会有太大的改变，其本质上是具有现代默认设置的 Perl 5，并为之后进行更大的更改奠定了基础。</div>
|
||||
<div className="news-time">2020/06/25 09:09</div>
|
||||
<p className="news-title"><Link to={""} target="_blank">Deno 继颠覆 Node 之后，又“内部”拒绝了 TypeScript</Link></p>
|
||||
<div className="news-desc task-hide-2">Deno 团队计划删除所有内部代码构建时的 TS 类型检查与捆绑。打算将所有运行时代码转移到同一个 JavaScript 文件当中，但仍将使用随附的 d.ts 文件保存类型定义与说明文档。</div>
|
||||
<div className="news-time">2020/06/22 15:48</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="" alt="" width="145px" height="96px"/>
|
||||
<div className="imgBox"><img src={go7c} alt=""/></div>
|
||||
<div className="news-info">
|
||||
<p className="news-title"><Link to={""} target="_blank">官方宣布 Perl 7 计划</Link></p>
|
||||
<div className="news-desc task-hide-2">Perl 官方宣布了 Perl 7 计划。Perl 7 目前已经在开发中，但是在代码与语法上不会有太大的改变，其本质上是具有现代默认设置的 Perl 5，并为之后进行更大的更改奠定了基础。</div>
|
||||
<div className="news-time">2020/06/25 09:09</div>
|
||||
<p className="news-title"><Link to={""} target="_blank">Go 泛型草案更新，明年8月发布的 Go 1.17 将引入</Link></p>
|
||||
<div className="news-desc task-hide-2">Go 团队近日在博客介绍了 Go 泛型的最新进展。 Go 团队表示他们一直在完善泛型的设计草案，并为此编写了一个类型检查器——可按照设计草案中的说明，解析使用泛型的 Go 代码并报告任何类</div>
|
||||
<div className="news-time">2020/06/18 07:56</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -169,7 +194,6 @@ function Index(props){
|
|||
<div className="homefooterbase">
|
||||
<span>木兰开源社区版权所有 ©2020 技术支持:长沙智擎科技</span>
|
||||
<a href="http://www.beian.miit.gov.cn/" target="_blank" style={{color:"#666"}}>粤ICP备12009483号</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -207,6 +207,17 @@
|
|||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
.imgBox{
|
||||
width: 145px;
|
||||
height: 90px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
img{
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
}
|
||||
.news-title{
|
||||
font-size: 16px;
|
||||
margin-bottom:5px;
|
||||
|
|
|
|||
|
|
@ -1,66 +1,100 @@
|
|||
import React from 'react';
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import { HOC } from '../HOC/Index';
|
||||
import {Link} from 'react-router-dom';
|
||||
import Title from '../../forge/Component/Title';
|
||||
import { AlignCenter } from '../../forge/Component/layout';
|
||||
import './Index.scss';
|
||||
import DefaultImg from '../images/default.png';
|
||||
|
||||
const data =[
|
||||
{
|
||||
name:"LAMP - Web开发平台",
|
||||
desc:"LAMP是一个开源 Web开发平台，它使用Linux作为操作系统，使用Apache作为Web服务器，使用MySQL作为关系数据库管理系统，以及使用PHP作为面向对象的脚本语言。（有时使用Perl或Python代替PHP。）",
|
||||
tags:["go","mit","linux"],
|
||||
imageurl:""
|
||||
},
|
||||
{
|
||||
name:"OpenStack - 一个开源的云计算管理平台项目",
|
||||
desc:"OpenStack是一个开源的云计算管理平台项目，是一系列软件开源项目的组合。由NASA(美国国家航空航天局)和Rackspace合作研发并发起，以Apache许可证（Apache软件基金会发布的一个自由软件许可证）授权的开源代码项目。",
|
||||
tags:["python/C++","Apache License 2.0","Linux"],
|
||||
imageurl:""
|
||||
},
|
||||
{
|
||||
name:"QEMU - 一种通用的开源计算机仿真器和虚拟器",
|
||||
desc:"QEMU是一种通用的开源计算机仿真器和虚拟器。",
|
||||
tags:["C","GPL","Linux"],
|
||||
imageurl:""
|
||||
},
|
||||
{
|
||||
name:"OpenBMC - 开源的下一代系统管理软件架构",
|
||||
desc:"OpenBMC是一个开源的软件架构用于构建一个完整的基板管理控制器（BMC）的Linux image。",
|
||||
tags:["C","GPL","Linux"],
|
||||
imageurl:""
|
||||
},
|
||||
{
|
||||
name:"Redis - key-value存储系统",
|
||||
desc:"Redis是一个使用ANSI C语言编写的开源key-value内存数据库系统，Redis支持字符串(String), 哈希(Hash), 列表(list), 集合(sets) 和 有序集合(sorted sets)等数据结构类型，并提供多种语言的API。",
|
||||
tags:["C/C++","BSD","Linux"],
|
||||
imageurl:""
|
||||
},
|
||||
{
|
||||
name:"ElasticSearch - 分布式多用户搜索引擎",
|
||||
desc:"ElasticSearch是一个基于Lucene的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎。",
|
||||
tags:["Java","Elastic License","Linux"],
|
||||
imageurl:""
|
||||
},
|
||||
{
|
||||
name:"Redis - key-value存储系统",
|
||||
desc:"Redis是一个使用ANSI C语言编写的开源key-value内存数据库系统，Redis支持字符串(String), 哈希(Hash), 列表(list), 集合(sets) 和 有序集合(sorted sets)等数据结构类型，并提供多种语言的API。",
|
||||
tags:["C/C++","BSD","Linux"],
|
||||
imageurl:""
|
||||
},
|
||||
{
|
||||
name:"MySQL - 关系型数据库",
|
||||
desc:"MySQL 是一个关系型数据库管理系统。",
|
||||
tags:["C/C++","GPL","Linux"],
|
||||
imageurl:""
|
||||
}
|
||||
]
|
||||
function Index(props){
|
||||
const [ list , setList ] = useState(undefined);
|
||||
useEffect(()=>{
|
||||
setList(data);
|
||||
},[])
|
||||
return(
|
||||
<div className="panels">
|
||||
<div className="projectsList">
|
||||
<Title>基础类开源软件</Title>
|
||||
<div className="lists">
|
||||
<li>
|
||||
<Link to={``} className="listName">LAMP - Web开发平台</Link>
|
||||
<AlignCenter className="listInfo">
|
||||
<p className="listInfoDesc task-hide-2">LAMP是一个开源 Web开发平台，它使用Linux作为操作系统，使用Apache作为Web服务器，使用MySQL作为关系数据库管理系统，以及使用PHP作为面向对象的脚本语言。（有时使用Perl或Python代替PHP。）</p>
|
||||
<img src={DefaultImg} alt="" width="48px" className="ml10"/>
|
||||
</AlignCenter>
|
||||
<div className="listTag">
|
||||
<span>Go</span>
|
||||
<span>MIT</span>
|
||||
<span>Linux</span>
|
||||
{
|
||||
list && list.length > 0 ?
|
||||
<div className="lists">
|
||||
{
|
||||
list.map((item,key)=>{
|
||||
return(
|
||||
<li>
|
||||
<Link to={``} className="listName">{item.name}</Link>
|
||||
<AlignCenter className="listInfo">
|
||||
<p className="listInfoDesc task-hide-2">{item.desc}</p>
|
||||
<img src={item.imageurl || DefaultImg} alt="" width="48px" className="ml10"/>
|
||||
</AlignCenter>
|
||||
{
|
||||
item.tags && item.tags.length>0 &&
|
||||
<div className="listTag">
|
||||
{
|
||||
item.tags.map((i,k)=>{
|
||||
return(
|
||||
<span>{i}</span>
|
||||
)
|
||||
})
|
||||
}
|
||||
</div>
|
||||
}
|
||||
</li>
|
||||
)
|
||||
})
|
||||
}
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<Link to={``} className="listName">LAMP - Web开发平台</Link>
|
||||
<AlignCenter className="listInfo">
|
||||
<p className="listInfoDesc task-hide-2">LAMP是一个开源 Web开发平台，它使用Linux作为操作系统，使用Apache作为Web服务器，使用MySQL作为关系数据库管理系统，以及使用PHP作为面向对象的脚本语言。（有时使用Perl或Python代替PHP。）</p>
|
||||
<img src={DefaultImg} alt="" width="48px" className="ml10"/>
|
||||
</AlignCenter>
|
||||
<div className="listTag">
|
||||
<span>Go</span>
|
||||
<span>MIT</span>
|
||||
<span>Linux</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<Link to={``} className="listName">LAMP - Web开发平台</Link>
|
||||
<AlignCenter className="listInfo">
|
||||
<p className="listInfoDesc task-hide-2">LAMP是一个开源 Web开发平台，它使用Linux作为操作系统，使用Apache作为Web服务器，使用MySQL作为关系数据库管理系统，以及使用PHP作为面向对象的脚本语言。（有时使用Perl或Python代替PHP。）</p>
|
||||
<img src={DefaultImg} alt="" width="48px" className="ml10"/>
|
||||
</AlignCenter>
|
||||
<div className="listTag">
|
||||
<span>Go</span>
|
||||
<span>MIT</span>
|
||||
<span>Linux</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<Link to={``} className="listName">LAMP - Web开发平台</Link>
|
||||
<AlignCenter className="listInfo">
|
||||
<p className="listInfoDesc task-hide-2">LAMP是一个开源 Web开发平台，它使用Linux作为操作系统，使用Apache作为Web服务器，使用MySQL作为关系数据库管理系统，以及使用PHP作为面向对象的脚本语言。（有时使用Perl或Python代替PHP。）</p>
|
||||
<img src={DefaultImg} alt="" width="48px" className="ml10"/>
|
||||
</AlignCenter>
|
||||
<div className="listTag">
|
||||
<span>Go</span>
|
||||
<span>MIT</span>
|
||||
<span>Linux</span>
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
:""
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
|
|
|
|||
|
|
@ -1,18 +1,20 @@
|
|||
.panels{
|
||||
width: 1200px;
|
||||
margin:0px auto;
|
||||
margin:20px auto 60px;
|
||||
.projectsList{
|
||||
margin:20px;
|
||||
box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
|
||||
.lists{
|
||||
min-height:500px;
|
||||
padding:20px 30px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: flex-start;;
|
||||
& > li{
|
||||
margin-right: 2%;
|
||||
border: 1px solid #eee;
|
||||
width: 32%;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: 25px;
|
||||
border-radius: 4px;
|
||||
min-height: 200px;
|
||||
box-shadow: 0 4px 8px 0 rgba(95,101,105,0.1);
|
||||
|
|
@ -20,7 +22,7 @@
|
|||
transform: translateY(-2px);
|
||||
box-shadow: 0 12px 20px 0 rgba(95,101,105,0.15);
|
||||
}
|
||||
&:nth-child(3){
|
||||
&:nth-child(3n){
|
||||
margin-right: 0px;
|
||||
}
|
||||
.listName{
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Loading…
Reference in New Issue