人气比较高的gitee开源项目，都是带有源码介绍的！

Posted 2021-11-22 玳疵

每日看一看的git开源项目！

1.git地址https://gitee.com/WanYueKeJi/wanyue_zhibo_ios
万岳科技可为商家快速搭建起一套属于自己的直播商城系统，有效避开商城直播过程中的痛点难点，加入自身创意的同时，汲取各家平台的特色功能和体验，并且可根据用户的运营需求对系统做定制开发。

所有使用到的框架或者组件都是基于开源项目,代码保证100%开源。
系统功能通用，无论是个人还是企业都可以利用该系统快速搭建一个属于自己的直播商城系统。
基于Thinkphp6.0+ios原生开发的一套万岳直播商城系统，专业售后技术团队，让您二开无忧。

2.git地址https://gitee.com/nocobase/nocobase

NocoBase 是一个极易扩展的开源无代码开发平台。 无需编程，使用 NocoBase 搭建自己的协作平台、管理系统，只需要几分钟时间。
说明：
NocoBase 仍处于早期开发阶段，功能不完整，稳定性不高，仅用于预览，不适合在生产环境中使用。相对稳定以及包含完善文档的公开测试版预计最早将于 2022 年第一季度发布。

3.https://gitee.com/dgiiot/dgiot#https://www.iotn2n.com?from=git
DGIOT 是国内首款轻量级开源工业物联网持续集成平台

DG-IoT团队2016年之前，在互联网和移动互联网爬坑多年，2016年开始进入物联网爬坑，希望通过这个开源平台把多年爬坑经验共享出来，让多学科交叉的工业互联网项目变得更简单。

让丰富工程人员可以通过视窗交互可以完成需求较简单的工业互联网项目
让广大的初级前端工程师通过serverless的方式可以承接需求较复杂的工业互联网项目
让Python、Java、Go、C初级后台工程师通过web编程开发通道来承接复杂的工业互联网项目

4.https://gitee.com/log4j/pig
基于 Spring Cloud 2020 、Spring Boot 2.5、 OAuth2 的 RBAC 权限管理系统
基于数据驱动视图的理念封装 element-ui，即使没有 vue 的使用经验也能快速上手
提供对常见容器化支持 Docker、Kubernetes、Rancher2 支持
提供 lambda 、stream api 、webflux 的生产实践

5.https://gitee.com/jishupang/web_atlas
前端知识图谱+B站资源整合 V1.0版本
项目包含：脑图、png图片和md文档。方便你在不同场景下使用学习。 不仅是一个自学的前端路径，项目包括前端自学的路径+知识图谱+B站免费视频的整合。

网络知识:
网络工作原理
计算机网络原理：https://www.bilibili.com/video/BV1xJ41137Q3
什么是HTTP
HTTP协议详解：https://www.bilibili.com/video/BV1js411g7Fw
浏览器及工作方式
浏览器是如何运作的？：https://www.bilibili.com/video/BV1x54y1B7RE
DNS 及其工作原理
DNS基本工作原理：https://www.bilibili.com/video/BV1GW411j7Ts
直观DNS科普：https://www.bilibili.com/video/BV1F54y1R7BC
域名相关知识
域名解析完整讲解：https://www.bilibili.com/video/BV1zA411x7Pj
云服务相关知识
揭秘阿里云服务器：https://www.bilibili.com/video/BV1Rt411u7k4
超文本标记语言
（html）

HTML基础知识学习
HTML全套基础教程：https://www.bilibili.com/video/BV11t411K74Q
HTML 编写规则 和语义化写法
HTML 速成：https://www.bilibili.com/video/BV1vs411M7aT
表单和验证
html5表单验证：https://www.bilibili.com/video/BV16K4y1Z7Gb
公约和最佳实践方法
前端代码规范秘籍：https://www.bilibili.com/video/BV19P4y147Jz
SEO 基础知识
SEO优化学习教程：https://www.bilibili.com/video/BV1fE411J7ya
层叠样式表
（CSS)

CSS 基础知识学习
CSS3基础教程：https://www.bilibili.com/video/BV1Bx411u7cS
CSS3全套教程：https://www.bilibili.com/video/BV1et411q74F
页面切图和布局实现
浮动布局
浮动布局：https://www.bilibili.com/video/BV1Zs411j7Z3
定位布局
CSS定位布局：https://www.bilibili.com/video/BV1ni4y1g7tc
Display
display&visibility：https://www.bilibili.com/video/BV1HJ411M7CM
盒子模型
CSS盒子模型与定位：https://www.bilibili.com/video/BV1P7411G7BW
Grid 布局
如何用grid：https://www.bilibili.com/video/BV14C4y1W7oA
Flex 布局
Flex伸缩布局：https://www.bilibili.com/video/BV1BJ41197XE
页面响应式布局设计
六个案例学会响应式布局：https://www.bilibili.com/video/BV1ov411k7sm
浏览器脚本语言
(javascript)

JavaScript基础语法和知识
JavaScript基础语法：https://www.bilibili.com/video/BV1Sy4y1C7ha
使用JavaScript 操作 DOM元素
JS必会的DOM BOM操作：https://www.bilibili.com/video/BV1k4411w7sV
Ajax 异步请求相关知识学习
Ajax入门到精通：https://www.bilibili.com/video/BV1WC4y1b78y
ES6 以上版本 的JavaScript
ES6-ES11新特性：https://www.bilibili.com/video/BV1uK411H7on
版本控制管理系统
Version Control System

Git的基本用法
Git最新教程：https://www.bilibili.com/video/BV1FE411P7B3
相关平台/软件的使用
GitHub
十分钟学会Github：https://www.bilibili.com/video/BV1yo4y1d7UK
GitLab
gitlab使用说明：https://www.bilibili.com/video/BV11E411x7Uv
Gitee
这个看中文网址就可以了，目前B站还没有很好的视频介绍
网络安全相关知识
Web Security Knowledge

HTTPS 原理和使用
你连HTTPS原理都不懂：https://www.bilibili.com/video/BV1Up4y1i7PG
CORS 跨域请求和安全知识
什么是CORS：https://www.bilibili.com/video/BV1Kt411E76z
内容安全策略
网络渗透：https://www.bilibili.com/video/BV1kh411W7Vv
OWASP 安全风险知识
OWASP TOP10：https://www.bilibili.com/video/BV1ey4y1V7Jj
包管理工具
Package Managers

npm
包管理工具：https://www.bilibili.com/video/BV1Dv411W7XP
yarn
Yarn入门：https://www.imooc.com/learn/766 (B站没有，推荐这个免费)
CSS 预处理 语言
CSS Preprocessors

Sass
SCSS从入门到实战：https://www.bilibili.com/video/BV1Zg4y1v75U
PostCSS
B站没太好的视频，建议买书《深入PostCSS Web设计》
Less
前端less教程：https://www.bilibili.com/video/BV1YW411T7vd
构建工具
Build Tools

任务执行命令 [Task Runners]
npm scripts
npm包管理应用：https://www.bilibili.com/video/BV1Dv411W7XP
Gulp
Gulp入门：https://www.bilibili.com/video/BV1yA411s72G
打包工具
Webpack
Webpack从入门到精通：https://www.bilibili.com/video/BV1e7411j7T5
Parcel
Parcel初体验：https://www.bilibili.com/video/BV1Pa4y147Kf
代码格式化工具
Prettier
Prettier和ESLint使用：https://www.bilibili.com/video/BV183411r7YK
ESLint
ESLint基础入门：https://space.bilibili.com/390120104/search/video?keyword=ESLint
三大前端框架
Web Framework

React.js
React基础视频：https://www.bilibili.com/video/BV1g4411i7po
React全家桶：https://www.bilibili.com/video/BV1wy4y1D7JT
React实战博客：https://www.bilibili.com/video/BV1CJ411377B
React商城实战：https://www.bilibili.com/video/BV1i5411c7xp
Vue.js
Vue2全家桶：https://www.jspang.com/detailed?id=57
Vue3全家桶：https://www.jspang.com/detailed?id=67
vuejs从入门到精通：https://www.bilibili.com/video/BV1Zy4y1K7SH
Angular
Angular基础：https://www.bilibili.com/video/BV1Wx411R7qt
Web 组件化编程
Web Components

HTML Templates
Custom Elements
Shadow DOM
概要: 此部分内容没有找到合适视频
CSS 相关框架
CSS Frameworks

BootStrap
一周学会BootStrap：https://www.bilibili.com/video/BV1Lx411v73k
Material UI
Material UI入门教程：https://www.bilibili.com/video/BV12J411s75b
Materialize CSS
Materialize CSS Crash Course：https://www.bilibili.com/video/BV1gx411h7Y5
ReactStrap
JavaScript 语法糖
Type Checkers

TypeScript
TypeScript从入门到精通：https://www.bilibili.com/video/BV1qV41167VD
Flow
服务端渲染
Server Side Rendering （SSR）

React.js
Next.js
Next.js入门教程：https://www.bilibili.com/video/BV13441117KK
GatsbyJS
GatsbyJS 实战：https://www.bilibili.com/video/BV1i4411T7AR （英文）
Vue.js
Nuxt.js
Nuxt.js入门：https://www.bilibili.com/video/BV1Xt41117Kg
Angular
Universal
图形化编程
GraphQL

Cocos Creator
Cocos 图形游戏开发：https://www.bilibili.com/video/BV1sA411Y7x4
Three.js
Three.js基础教程-英文：https://www.bilibili.com/video/BV1ks411W78i
Three.js教程：https://www.bilibili.com/video/BV1va4y1p7QB
静态站点生成器
Static Site Generators

Next.js
Next.js入门教程：https://www.bilibili.com/video/BV13441117KK
GatsbyJS
GatsbyJS 实战：https://www.bilibili.com/video/BV1i4411T7AR （英文）
Nuxt.js
Nuxt.js入门：https://www.bilibili.com/video/BV1Xt41117Kg
Vuepress
Vuepress入门到精通：https://www.bilibili.com/video/BV1vb411m7NY
Hugo
10分钟搭建个人网站：https://www.bilibili.com/video/BV1x64y117PX
移动App开发
Mobile Applications

React Native
ReactNatvie基础：https://www.bilibili.com/video/BV1Eg4y16735
ReactNatvie实战：https://www.bilibili.com/video/BV15K411s75p
UniApp
Uni-App从入门到实战：https://www.bilibili.com/video/BV1BJ411W7pX
Uni-App美团外卖：https://www.bilibili.com/video/BV1Zt4y117RR
Flutter
Flutter基础：https://www.bilibili.com/video/BV15t411U7yf
Flutter实战：https://www.bilibili.com/video/BV1kt411B7mu
Ionic
Ionic入门：https://www.bilibili.com/video/BV1Ub41117q5
桌面应用开发
Desktop Applications

Electron
Electron入门：https://www.bilibili.com/video/BV1QB4y1F722
Electron基础：https://www.bilibili.com/video/BV177411s7Lt

6.https://gitee.com/dtcloud360/dtcloud#http://www.dtcloud360.com

DTCloud
DTCloud是一套基于Odoo14开源商业应用程序.主要面向建筑工程行业，物联网行业，数字化行业，打造的企业信息一体化的解决方案。

我的应用主要放置在 DTCloud开源社区, Gitter 开源仓库,

DTCloud应用程序可以作为独立应用程序使用，也可以无缝集成其它应用系统。DTCloud可以开发ERP,OA,CRM,智慧城市,小程序等

说明：这里面有开发教程，api

7.https://gitee.com/qm1989/css_effect_map_collection
一些好看的css效果图

煽动翅膀的蝴蝶
qq登陆界面含背景canvas
css风车
parallax滚动视差
wow不一样的动画
浮动定位实现圣杯布局

8.https://gitee.com/smartchart/smartchart
SmartChart基于Echarts/Django的微代码开发平台,适用于任何WEB项目
简单, 敏捷, 高效,通用化, 高度可定制化, 让你的项目瞬间档次提升, 比拖拽开发更方便
完全真正打通前后端, 支持图形数据联动,筛选,钻取, 支持几乎常见的所有数据库
积木式的开发模式, 开箱即用, 安装简单, 依赖少, 适应各种平台
高度可定制化, 注意是高度可定制化!!

**注意：**这个是用python写的

9.https://gitee.com/zhijiantianya/ruoyi-vue-pro#http://dashboard.yudao.iocoder.cn
**芋道，**一套全部开源的企业级的快速开发平台，毫无保留给个人及企业免费使用。

有任何问题，或者想要的功能，可以在 Issues 中提给艿艿。

前端采用 vue-element-admin。
后端采用 Spring Boot、mysql、Redis。
权限认证使用 Spring Security & Token，支持多终端认证系统。
支持加载动态权限菜单，多方式轻松权限控制。
高效率开发，使用代码生成器可以一键生成前后端代码。
内置功能
分成三种内置功能：

系统功能
基础设施
研发工具
友情提示：本项目基于 RuoYi-Vue 修改，重构优化后端的代码，美化前端的界面。

额外新增的功能，我们使用 🚀 标记。

🙂 所有功能，都通过 单元测试 保证高质量。

10.https://gitee.com/big-hedgehog/aidex-sharp#http://114.132.221.116

AiDex Sharp 快速开发平台
基于若依扩展的Spring Boot前后端分离架构，代码精简，开箱即用，紧随前沿技术
Aidex-Sharp spring-boot Build Status Build Status Build Status Gitee star Gitee fork

平台简介
AiDex Sharp 快速开发平台 基于著名的开源项目“ 若依-RuoYi-Vue ”改造而成，追求 极致的UI交互体验 和 快速开发 ，一切向 效率 看齐， 重构优化 后端的代码，对前端页面进行了 美化 。 我们将持续升级，持续完善，欢迎友友们收藏和点赞 。

11.https://gitee.com/qianpou/tlv8ide
这是一款基于eclipse开发的快速开发工具

集成了tomcat插件，数据库插件，报表设计（可视化），流程设计（可视化），网页设计（可视化）等多功能于一体的JAVA EE项目开发工具。

能够实现业务系统快速开发，报表系统快速开发（只需要会SQL），工作流快速定制