EDITORIAL
Time really fast, blink of an eye is the new year. With constantly updated iteration of the front and rear side technology, especially the front, in the current development model around the lower end of the separation of such a large environment, interactivity, compatibility and other traditional development pattern has been somewhat difficult. Prior has been using react, with the addition of a hook behind the more addictive, but the whole team needs to update technology, here opted for a more easy to use Vue (here, easy to use and there is no ambiguity, referring easier to adapt), Vue3.0 also believe it will be better after the release, after all, no big company limited. After selecting Vue very tangled, watched a few basic framework are missing a lot of components, it needs its own-create the wheel. Behind the decision to use Ant Design Vue (Pro), To quote the official website of the Vue is "Ant Design Pro is an enterprise-class background in front-end / design solutions, we uphold Ant Design design values, committed to the design specifications and infrastructure components basis, continue to build up, to extract the typical template / business component / package design resources to further enhance enterprise-class background in product design and development process "user" and "designer" experience. "
Related Address:
Codes (code cloud images): https://gitee.com/sendya/ant-design-pro-vue
Code (GitHub) : https://github.com/sendya/ant-design-pro-vue
Online Preview Address : https://preview.pro.loacg.com/user/login?redirect=%2Fdashboard%2Fworkplace (username / password: admin / ant.design)
Information on the official website: https://pro.loacg.com/docs/getting-started
Brief introduction
Here direct use already made a good front-end UI framework for this big wheel, not introduce more specific reference to "Ant Design Pro".
We here only a brief introduction, we have set up How good Ant Design Vue Pro, minor modifications to achieve their front end portion.
Environment to build
Here only briefly about the front-end, back-end of this project using a .NET Core3.1, not much to do introduction
Front-end development tools: Visual Studio Code, installation nodejs , the Yarn
Run the downloaded item
Enter the command: yarn install
enter the command: yarn run serve
to open the login page after successful operation
Enter the account password to enter the home page
Adjust Ant Design Vue Pro Basic configuration
1, change the display name and logo
/public/favicon.png 替换logo index.html更改标题
2, replacing the home page displays icons and names
After replacement
Initialization is ready to run landed, is now using built-in analog data (mock), the follow-up to begin configuring the local server api ....