• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

amis-admin: amis-admin 是基于百度的 amis 低代码框架开发的管理后台前端项目,旨在 ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

amis-admin

开源软件地址:

https://gitee.com/LiZhiW/amis-admin

开源软件介绍:

项目介绍

amis-admin 是基于百度的 amis 低代码框架开发的管理后台前端项目,旨在提供低门槛、高效率、开箱即用的管理后台前端项目。

1.本项目的应用范围和人群
  1. 企业内部运营后端项目,功能较为简单的管理后台
  2. 适合有一点前端基础(写过html + js + css)的程序员,不需要懂大前端技术(npm、webpack、react/vue......)
2.本项目优势
  1. 门槛极低,使用json来定义页面,会写json就能开发页面
  2. 提供完整的管理后台界面解决方案,内置菜单、用户登录登出、401、403、404等基础页面功能,真正的开箱即用
  3. 支持所有amis框架的UI组件(100+)
  4. 支持扩展,页面开发支持多种技术:amis(主要)、react、传统html。支持html页面内嵌集成
  5. 经历了某上市公司的内部多个项目的线上实战考验
  6. 开发效率提升3倍以上,熟练amis框架开发效率提升6倍以上
3.效果预览

线上预览地址: http://amis-admin.msvc.top/ (admin/123456)

系统截图

登录

查询列表

表单

系统演示

快速开始

1.安装Node.js(建议12.x版本)

下载地址: https://nodejs.org/zh-cn/download/

// 配置npm源npm config set registry https://registry.npm.taobao.orgnpm config set disturl https://npm.taobao.org/distnpm config set electron_mirror https://npm.taobao.org/mirrors/electron/npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/npm config set phantomjs_cdnurl https://npm.taobao.org/mirrors/phantomjs/
2.安装yarn
npm install -g yarnyarn -v
// 配置yarn源yarn config set registry https://registry.npm.taobao.org -gyarn config set disturl https://npm.taobao.org/dist -gyarn config set electron_mirror https://npm.taobao.org/mirrors/electron/ -gyarn config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/ -gyarn config set phantomjs_cdnurl https://npm.taobao.org/mirrors/phantomjs/ -gyarn config set chromedriver_cdnurl https://cdn.npm.taobao.org/dist/chromedriver -gyarn config set operadriver_cdnurl https://cdn.npm.taobao.org/dist/operadriver -gyarn config set fse_binary_host_mirror https://npm.taobao.org/mirrors/fsevents -g
3.安装TypeScript
yarn global add typescripttsc -v
4.初始化 & 开发
cd ./amis-admin// 初始化yarn run project-init// 开发yarn run dev
  1. 使用谷歌浏览器打开: http://127.0.0.1:8000/schema-app.html
  2. 页面代码都在/src/pages文件夹中,一个页面就是一个文件
  3. 菜单配置在/src/router-config.tsx文件中定义

建议使用IntelliJ IDEA或者WebStorm开发工具


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap