登陆注册 504

开源社官网

该项目是使用 create-next-app 脚手架引导安装，基于 TypeScript、Next.js、Bootstrap 和 Workbox 的 React 项目。

主要功能

本站不仅承担传统官网的职能，还是一个同时具备 SSR 和 PWA 能力的 Web 前端基座，与开源社其它应用项目的前端模块组成一个矩阵。

开源社文库

组织管理系统

开放会务系统

中国开源地图

开源协作

申请加入开源社志愿者，填表后组长会联系你加入飞书组织：https://kaiyuanshe.feishu.cn/share/base/shrcnfO89tYlYIjZpS5PXJBaK2f
参与代码贡献：⚠️ 由于官网项目需要调用飞书 API，需要预先配置才能在本地运行，所有必须先申请加入 https://github.com/kaiyuanshe 组织后，再贡献代码，不能直接 fork 仓库贡献代码。⚠️

项目技术栈

编程语言: TypeScript v5
组件引擎: Next.js v14
组件套件: Bootstrap v5
PWA 框架: Workbox v6
状态管理: MobX v6
CI / CD: GitHub Actions + Vercel

启动

第一步，在 NPM 中登录 GitHub 账号；

第二步，安装依赖并运行开发服务器:

npm i pnpm -g
pnpm i
pnpm dev

在浏览器中打开 http://localhost:3000 查看结果。

API routes 可以通过 http://localhost:3000/api/hello 访问，对应端点可以在 pages/api/hello.ts 中进行修改。

pages/api 目录映射为 /api/*。此目录中的文件被视为 API routes 而不是 React 页面。

Next.js 文档 - 了解 Next.js 功能和 API
学习 Next.js - 一个交互式 Next.js 教程

你可以查看 Next.js 的 GitHub 仓库 - 欢迎提供反馈和贡献！

部署

Vercel

部署 Next.js 应用程序的最简单方法是使用 Next.js 创建者 Vercel 提供的 Vercel 平台。
查看 Next.js 部署文档了解更多详细信息。

Docker

pnpm pack-image
pnpm container

	hexo.extend.helper.register(
	'eventOf',
	(title, description, start, end, location) => {
	const event = new VEvent();

	event.setSummary(title);

	event.setDescription(description);

	event.setDate(new Date(start), new Date(end));

	event.setLocation(location);

	return event;
	}
	);

	<section className="text-center">
	<h2 className="my-5 text-primary">自研开源项目</h2>

	<Row
	as="ul"
	className="list-unstyled mx-0 g-5 justify-content-center"
	xs={2}
	sm={2}
	md={4}
	>
	{projects.map(this.renderProject)}
	</Row>
	</section>

	makeFilter({ position, passed, ...filter }: NewData<Personnel>) {
	const { currentYear } = this;

	return [
	currentYear && `CurrentValue.[createdAt]>=TODATE("${currentYear}-01-01")`,
	currentYear && `CurrentValue.[createdAt]<=TODATE("${currentYear}-12-31")`,
	position && makeSimpleFilter({ position }, '=', 'OR'),
	passed && `CurrentValue.[passed]=${passed}`,
	!isEmpty(filter) && makeSimpleFilter(filter),
	]
	.filter(Boolean)
	.join('&&');
	}

	async componentDidMount() {
	const list = await membersStore.getList({}, 1, 300);
	const otherMembersList: Member[] = [];
	const projectKey = '项目委员会';
	const departmentKey = '执行委员会';
	let membersGroup: any = {
	理事会: { list: [] },
	顾问委员会: { list: [] },
	法律咨询委员会: { list: [] },
	执行委员会: { list: [], tabs: {}, count: 0 },
	项目委员会: { list: [], tabs: {}, count: 0 },
	};

	for (const member of list) {
	//Classify the organization of kaiyuanshe \| 一级部门分组 👇
	groupMemberFn(membersGroup, member.organization as string[], member);

	//Classify the department of kaiyuanshe \| 工作组分组 👇
	groupMemberFn(
	membersGroup[departmentKey].tabs,
	member.department as string[],
	member,
	);
	member.department && membersGroup[departmentKey].count++;

	//Classify the projectKey of kaiyuanshe \| 项目分组👇
	groupMemberFn(
	membersGroup[projectKey].tabs,
	member.project as string[],
	member,
	);
	if (member.project) membersGroup[projectKey].count++;

	//Classify the OtherMember of kaiyuanshe \| 其他未分组用户 👇
	if (!member.organization && !member.department && !member.project)
	otherMembersList.push(member);
	}

	// Updata
	this.membersGroup = membersGroup;
	this.otherMembersList = otherMembersList;
	}

	const statistic = cache(async () => {
	const biTable = await lark.getBITable(LARK_BITABLE_ID);

	const table = await biTable.getTable<Activity>(LARK_BITABLE_ACTIVITY_ID);

	const list = await table!.getAllRecords();

	return { city: countBy(list, 'city') };
	}, 'Activity Statistic');

	export type ActivityStatistic = Record<'city', Record<string, number>>;

	export default safeAPI(
	async ({ method }, response: NextApiResponse<ActivityStatistic>) => {
	switch (method) {
	case 'GET': {
	response.send(await statistic());
	}
	}
	},
	);

	const biTable = await lark.getBITable(LARK_BITABLE_ID);

	const table = await biTable.getTable<Organization>(
	LARK_BITABLE_TABLE_ID,
	),
	{ page_size, page_token, ...filter } = parseURLData(
	url!,
	) as DataObject;

	const { body } = await lark.client.get<TableRecordList<Organization>>(
	`${table!.baseURI}/records?${buildURLData({
	page_size,
	page_token,
	filter: makeFilter({ ...filter, verified: '是' }),
	})}`,
	);
	response.json(body!.data);

kaiyuanshe / kaiyuanshe.github.io Goto Github PK

kaiyuanshe.github.io's Introduction

开源社官网

主要功能

开源社文库

组织管理系统

开放会务系统

中国开源地图

开源协作

项目技术栈

启动

部署

Vercel

Docker

kaiyuanshe.github.io's People

Contributors

Stargazers

Watchers

Forkers

kaiyuanshe.github.io's Issues

数据源

接口文档

演示版

前期设想

后端接口

旧版界面

旧版

入口

代码

竞品

旧版

任务

代码

页面

日历

参考

业务流程

功能

参考

Web Conf 成都

COSCon 旧版

界面参考

数据后端

代码参考

首页列表

列表专页

界面参考

基础组件

核心需求

参考代码

数据查询

需迁移代码

参考代码

逻辑封装

接口封装

数据源

API

原始数据

参考代码

二维码数据

界面参考

开源代码

竞品

旧版

任务

代码

Recommend Projects

Recommend Topics

Recommend Org