使用Bootstrap 4构建的Vue.js管理仪表板模板

孙永嘉
2023-12-01

sing-app-vue-dashboard (sing-app-vue-dashboard)

Sing App Vue Dashboard - free and open source admin dashboard.

Sing App Vue仪表板-免费和开源的管理仪表板。

Responsive admin dashboard template built with Vue.js and Bootstrap 4. Developed with ❤️ by Flatlogic. If you love our project please star ⭐️ our repo!

使用Vue.js和Bootstrap 4构建的响应式管理仪表板模板。由Flatlogic用❤️开发。 如果您喜欢我们的项目,请给我们的仓库加注星号!

This dashboard is a small version of our Sing App Vue Full. There are all ready-to-use components, that are in full version. It is built on the top of vue-cli-3, so it well supported along the web. You can easy customize template by changing SCSS variables. All paddings and colors are in _variables.scss file.

该仪表板是我们的Sing App Vue Full的小版本。 有所有现成的组件,都是完整版本。 它建立在vue-cli-3的顶部,因此在网络上得到了很好的支持。 您可以通过更改SCSS变量轻松自定义模板。 所有的填充和颜色都在_variables.scss文件中。

特征 (Features)

Using this template you will be able to leverage lots of built-in components and thus focus on building features that set you apart from competitors rather than bulding everything from scratch. Lite version of a Sing-app includes following features and pages:

使用此模板,您将能够利用许多内置组件,从而专注于构建使您与竞争对手区分开来的功能,而不是从头开始构建一切。 Sing-app的精简版包括以下功能和页面:

  • Bootstrap 4+ & SCSS

    Bootstrap 4+和SCSS

  • Responsive layout

    响应式布局

  • Simple login / logout

    简单的登录/注销

  • Styled Bootstrap components like buttons, modals, etc

    样式化的Bootstrap组件,例如按钮,模态等

页数 (Pages)

We have implemented some basic pages, so you can see our template in action.

我们已经实现了一些基本页面,因此您可以看到我们的模板。

  • Dashboard sample

    仪表板样本

  • Typography

    版式

  • Tables

    桌子

  • Notifications

    通知事项

  • Charts

    图表

  • Icons

    图示

  • Maps

    地图

  • Hover sidebar

    悬停侧边栏

  • Chat

    聊天室

  • Login

    登录

安装方式 (Instalation)

  1. Clone repository

    克隆存储库

git clone https://github.com/flatlogic/sing-app-vue-dashboard
  1. Get in the project folder

    进入项目文件夹

cd sing-app-vue-dashboard
  1. Install dependencies via npm or yarn

    通过npm或yarn安装依赖项

npm install
yarn install

快速开始 (Quick start)

Run development server

运行开发服务器

yarn run serve

翻译自: https://vuejsexamples.com/vue-js-admin-dashboard-template-built-with-bootstrap-4/

 类似资料: