html建设网站公司建官网要多少钱
无意之间发现个django的后台管理框架，仔细与xadmin对比了一下，无论是功能上还是便携性上都与xadmin特别相似，但个人感觉Tyadmin略胜一筹，因为外观上要比xadmin要美观，而且相比起来速度也快，部署甚至也和简单，最重要的是它号称0代码实现后台管理系统，当然如果进行二次开发的话不可能是0代码。那么简单来介绍一下它：
自动生成前后端管理后台，页面接口神奇全自动对接
增删改查，筛选，搜索，数据全量导出，选择导出
外键字段，多对多字段，富文本，文件，图片，django自带权限系统
由Django Restful Framework 和 Ant Design Pro V4 驱动
那么…感受一下吧！！
注册
pip3 install tyadmin-api-cli
在django项目中的setting中配置以下
INSTALLED_APPS = ['captcha','tyadmin_api_cli',
]
#GEN_APPS: 填写你想要生成的app列表
TY_ADMIN_CONFIG = {'GEN_APPS': ['luwei']
}
初始化
初始化 后端app(tyadmin_api) + 前端项目(tyadmin) && 生成后端自动化的视图，过滤器，路由，序列器 + 前端页面及路由菜单
生成后端页面依赖，需安装Node.js -> https://www.runoob.com/nodejs/nodejs-install-setup.html
python3 manage.py init_admin && python3 manage.py gen_all && cd tyadmin && npm install && npm run build
此时生成出一个叫做tyadmin_api的app 注册它
INSTALLED_APPS = ['captcha','tyadmin_api_cli','tyadmin_api'
]
注册首页路由
from django.urls import path,re_path,include
from tyadmin_api.views import AdminIndexView
urlpatterns = [re_path('^xadmin/.*', AdminIndexView.as_view()),path('api/xadmin/v1/', include('tyadmin_api.urls')),]
创建django的子app
python3 manage.py startapp luwei
INSTALLED_APPS = ['captcha','tyadmin_api_cli','tyadmin_api','luwei'
]TEMPLATES = [{'BACKEND': 'django.template.backends.django.DjangoTemplates','DIRS': [os.path.join(BASE_DIR, 'templates')],'APP_DIRS': True,'OPTIONS': {'context_processors': ['django.template.context_processors.debug','django.template.context_processors.request','django.contrib.auth.context_processors.auth','django.contrib.messages.context_processors.messages',],},},
]if DEBUG:STATICFILES_DIRS = [os.path.join(BASE_DIR, "static"),]
else:STATIC_ROOT = os.path.join(BASE_DIR, 'static')
运行
python3 manage.py makemigrations
python3 manage.py migrate
python3 manage.py createsuperuser # 创建一个可以登入后台的用户
python3 manage.py runserver # 默认运行在8000端口
访问http://127.0.0.1:8000/xadmin/ 输入刚才创建的用户名密码登录
注意事项
如果图片不显示
# urls.py
from django.views.static import serveurlpatterns = [
re_path('media/(?P<path>.*)', serve, {"document_root": settings.MEDIA_ROOT}),
]
如果新增了app与app内的model怎么生成页面与接口
TY_ADMIN_CONFIG = {'GEN_APPS': ['luwei','luwei2']
}
python3 manage.py gen_all && cd tyadmin && npm run build
还可以单独生成前端独立项目
cd tyadmin
npm install
npm run start:dev # 默认8001端口
启动前端之前先启动后端项目运行在8000端口，访问 http://127.0.0.1:8001/xadmin/
model->前端对应关系
| 字段类型 | 前端展示 |
|---|---|
| ForeignKey | 单选 |
| ManyToManyField | 多选 & 多彩标签展示 |
| richTextField | 富文本展示 |
| CharField or IntegerField(with choices) | 多选 |
| CharField or IntegerField | 输入框 |
| ImageField | 带预览上传，可选头像，图片列表展示 |
| FileField | 文件上传 |
| TextField | TextArea框 |
| BooleanField | Switch选择 |
| IntegerField | 数字input |
| DateField | Date选择器 |
| DateTimeField | DateTime选择器 |