vue3.0 admin

vue3-管理者

導入

vue3-admin は、バックエンド管理システムのフロントエンド ページ表示であり、vue-cli4 および elemnet-ui によって構築および実装されます。最新の Vue フレームワークが使用され、内部的にはコンポーネントベースの開発モデルが採用されており、各コンポーネントは可能な限り単一機能の原則に準拠しています。最初は少し面倒に見えるかもしれませんが (サブコンポーネントは単一の機能なので、内部通信が多くなります)、後のメンテナンスには大きなメリットがあります。このプロジェクトはフレキシブル ボックス (フレックス) レイアウトを使用しているため、モバイル端末での表示効果も向上しています。モバイル端末でデモを開いて表示することもできます。

サーバーがタイムアウトし、更新されていないため、現時点ではプレビューできません。興味がある場合は、ご自身でコードを取得して実行してください。

デモ (著者自身が購入した Alibaba Cloud サーバーの低構成バージョンのため、リクエスト時間は若干長くなる可能性があります)

オンラインデモ

携帯端末でQRコードを読み取ってご覧いただけます

より速く、より良い開発エクスペリエンスを得るには、以下のプロジェクトをチェックしてください。

vue3実践プロジェクト

開発する

 # 克隆项目
git clone [email protected]:guodonglw/vue3.0-admin.git

# 进入项目目录
cd vue3.0-admin

# 安装依赖
npm install

# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run serve

# 如遇到node-sass的问题，可尝试
npm rebuild node-sass

ブラウザアクセス http://localhost:8080

リリース

 # 构建生产环境
npm run build

パッケージ化すると dist フォルダーが表示されます。Chrome ブラウザーでindex.html ページを開くだけです。

ブラウザのサポート

最新のブラウザ

Firefox	クロム	サファリ
過去 2 つのバージョン	過去 2 つのバージョン	過去 2 つのバージョン

述べる

 // 建议首先查看路由文件(了解项目路由以及如何进行动态生成前端路由)
// 页面查看顺序(登录页（views/Login）-> 首页(views/Home/Dashboard))，其中views/Home为其他页面的公共引用部分
// 与后端交互接口（请查看service/index.ts，数据由mock.js产生；实际开发请查看util/request.ts）
// 后台系统包括了登录，异步生成路由，echarts数据可视化，table表增删改查等功能，希望该demo示例可以帮助到有需要的朋友快速上手
// 根据vue-cli示例，主页面index.vue中会采用vue2的写法，在子组件中则有较大的变化，请仔细查看区别