バックグラウンド管理システムプロジェクト--開始

1、まず各モジュールの完成時間を計画する

ページを作成するのにどれくらいかかりますか--まずページレイアウトと単純なルーティングジャンプを完了するのに要する時間を推定し,まずページを完了してからインタフェースに接続して複雑な論理を実現することができる.
インタフェースを接続するのに時間がかかりますか?--ページの複雑なジャンプ論理判断、例えばログイン権限、インタフェースデータの取得保存などの操作を実現する.
テストをするのに時間がかかりますか?最後のテストは必ず必要で、各ユニットはすべて1回のテストを行ったほうがいいです.つまり、各機能が完成したら1回テストして、最後のテストの時にやっと合格します.

2、正式にプロジェクトを始める

vue-cliのインストール:1つのフォルダに1回インストールすればいいです.その後、そのフォルダの下でvueコマンドを直接使用すればいいです.
Webpack初期化:名前は既存のフォルダ名と一致し、衝突しない(gitのプロジェクト).
必要なプラグイン---vuex、iview、wangeditor(このリッチテキストエディタ)、tree-table-vue(ツリーテーブル)をインストールします.
ルーティングの構成:router/index.jsには長い列のルーティング構成が書かれていますが、導入されています.そうすれば、ルーティングナビゲーションガードを書く必要があります.

//router/index.js 
import router from './router'//router 
const router = new Router({
  routes,
  mode: 'history'
})

router.beforeEach((to,from,next) => {// ，to ，from ，next() ； router.js 
  iView.LoadingBar.start();// vue iview-ui 
  next();// ， name， 
})

router.afterEach(to => {// -- ， 
  iView.LoadingBar.finish();
  window.scrollTo(0,0);
})

export default router

ルーティングプロファイルは、すべてのルーティングパスであるrouter/routerを配置します.js;

//router/router.js 
export default [
    {
        path:' ',
        name:' ',
        component:()=>import('vue ')
    },
]

コンポーネントの中でサイドバーを通ってルーティングをジャンプしようとしないでthis.$router.push({name:''})で実現します.

3、ページの作成順序

①ページにログインし、ルーティングプロファイルにパスを追加する.
②トップページのレイアウトは、まずサイドバーと右側を採用し、右側に頭と主な内容を分ける.
③続いて順番にページを書き、1ページも書かずにルートにパスを配置し、今は自分でサイドバーに内容を書きます.
 
 
用語またはその他の質問へようこそ
　　　　^-^
転載先:https://www.cnblogs.com/liuw44/p/10451614.html