mirror of
https://github.com/mztlive/dx-admin-template.git
synced 2025-12-22 21:59:59 +00:00
41 lines
1.5 KiB
Markdown
41 lines
1.5 KiB
Markdown
# Development
|
|
|
|
Your new jumpstart project includes basic organization with an organized `assets` folder and a `components` folder.
|
|
If you chose to develop with the router feature, you will also have a `views` folder.
|
|
|
|
```
|
|
project/
|
|
├─ assets/ # Any assets that are used by the app should be placed here
|
|
├─ src/
|
|
│ ├─ main.rs # The entrypoint for the app. It also defines the routes for the app.
|
|
│ ├─ components/
|
|
│ │ ├─ mod.rs # Defines the components module
|
|
│ │ ├─ hero.rs # The Hero component for use in the home page
|
|
│ │ ├─ echo.rs # The echo component uses server functions to communicate with the server
|
|
│ ├─ views/ # The views each route will render in the app.
|
|
│ │ ├─ mod.rs # Defines the module for the views route and re-exports the components for each route
|
|
│ │ ├─ blog.rs # The component that will render at the /blog/:id route
|
|
│ │ ├─ home.rs # The component that will render at the / route
|
|
├─ Cargo.toml # The Cargo.toml file defines the dependencies and feature flags for your project
|
|
```
|
|
|
|
### Serving Your App
|
|
|
|
Run the following command in the root of your project to start developing with the default platform:
|
|
|
|
```bash
|
|
dx serve --platform web
|
|
```
|
|
|
|
To run for a different platform, use the `--platform platform` flag. E.g.
|
|
```bash
|
|
dx serve --platform desktop
|
|
```
|
|
|
|
### UI 组件文档
|
|
|
|
`src/components/ui` 提供了一套基于 Dioxus 0.7 的 shadcn 风格组件:
|
|
|
|
- 扩展指南见 `src/components/ui/README.md`
|
|
- 使用示例与 props 说明见 `src/components/ui/USAGE.md`
|