前端项目汇总

download

# 技术栈

# 一、Vue (opens new window)

Vue.js(读音同View),是尤雨溪在2014年2月开源了一个前端开发框架。

Vue.js框架是一个MVVM的SPA框架。

  • Model:数据
  • View :视图
  • ModelView:连接视图与数据的纽带

Vue.js 是构建 Web 界面的 JavaScript 库,是一个通过简洁的API提供高效的数据绑定和灵活的组件系统。

Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合

地址汇总

# 二、VuePress

Vue 驱动的静态站点生成工具。

地址汇总

名称 简介 访问地址
VuePress 博客、静态站点构建工具 VuePress (opens new window)
vuepress-theme-reco 一款简洁而优雅的 vuepress 博客 & 文档 主题 vuepress-theme-reco (opens new window)

# 三、Element

Element,一套为开发者、设计师和产品经理准备的基于 Vue的端组件库。

地址汇总

名称 简介 访问地址
Element 基于 Vue 2.0 的桌面端组件库 Element (opens new window)
Element Plus 基于 Vue 3,面向设计师和开发者的组件库 Element Plus (opens new window)

# 四、View Design

View Design 推出View UI(iview)、View UI Plus。

地址汇总

名称 简介 访问地址
View UI 基于 Vue.js 的高质量UI 组件库 View UI (opens new window)
View UI Plus 基于 Vue.js 3的企业级 UI 组件库 View UI Plus (opens new window)

# 五、Ant Design

由蚂蚁集团推出的UI库,采用React封装了一套组件库。

地址汇总

# 六、Vuetify

Vuetify是一个无需设计技能的开源UI库,具有精美的手工制作的Vue组件。Vuetify 由一些拥有丰富而强大的特性的,预定义组件组成,即为开发者创建于某个应用中可重用的小模块。

地址汇总

# 七、Echarts

一个基于 JavaScript 的开源可视化图表库。

地址汇总

# 八、TypeScript (opens new window)

TypeScript是JavaScript类型的超集,它可以编译成纯JavaScript。

TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。

地址汇总

# 开源项目

# 一、Vue Treeselect

vue-treeselect是一个多选组件,具有对 Vue.js嵌套选项支持。

地址汇总

# 二、momentjs

在 JavaScript 中解析、校验、操作、显示日期和时间。

地址汇总

# 三、vue-element-admin (opens new window)

vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。

演示系统

名称 访问地址 账户/密码
vue-element-admin https://panjiachen.github.io/vue-element-admin (opens new window) admin/任意

地址汇总

名称 访问地址
技术文档 快速上手 (opens new window)
集成方案 vue-element-admin (opens new window)
基础模板 vue-admin-template (opens new window)
桌面终端 electron-vue-admin (opens new window)
Typescript 版 vue-typescript-admin-template (opens new window)

# 四、iview admin

iView-admin是iView生态中的成员之一,是一套采用前后端分离开发模式,基于Vue的后台管理系统前端解决方案。

演示系统

名称 访问地址 账户/密码
iview admin2.0 http://admin.iviewui.com/login (opens new window) 任意用户名和密码

地址汇总

名称 访问地址
iView-admin2.0技术文档 https://lison16.github.io/iview-admin-doc (opens new window)

# 五、Soybean Admin

Soybean Admin 是一个基于 Vue3、Vite3、TypeScript、NaiveUl Pinia 和UnoCSS 的清新优雅的中后台模版,它使用了最新的前端技术栈,内置丰富的主题配置,有着极高的代码规范,基于 mock 实现的动态权限路由,开箱即用的中后台前端解决方案。

地址汇总

名称 访问地址
Soybean Admin官方地址 https://github.com/honghuangdc/soybean-admin (opens new window)

# 六、DataV

DataV,可视化数据大屏组件库。

阿里云出品的拖拽式可视化工具,专精于业务数据与地理信息融合的大数据可视化。

地址汇总

名称 访问地址
阿里云 数据可视化平台(收费) http://datav.aliyun.com (opens new window)
免费版DataV https://datav.zonle.com (opens new window)