整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

基于Bootstrap v3.3.7的后台HTML模板

年(Light Year Admin)后台管理系统模板是一个基于Bootstrap v3.3.7的纯HTML模板。

作为后端开发人员,自己在做一些简单系统时,经常为了后台的模板烦恼,国内的少,也不太喜欢tab形式的;国外的又太复杂;vue什么框架的又不会用,因而想自己整理出来一个简单点的通用后台模板,结合自己的使用和国外模板的配色、细节处理,这就有了光年后台模板。

简洁而清新的后台模板,功能虽少,倒也满足简单的后台功能,也能够快速上手,希望大家支持。

特别感谢

  • Bootstrap
  • JQuery
  • bootstrap-colorpicker
  • bootstrap-datepicker
  • bootstrap-datetimepicker
  • ion-rangeslider
  • jquery-confirm
  • jquery-tags-input
  • bootstrap-notify
  • Chart.js
  • chosen.jquery.js
  • perfect-scrollbar

登录页面

后台首页

开关样式

文档列表

项目代码

GitHub精选》是我们分享Github中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是一个低代码的通用后台管理框架——Erupt。


Erupt 是一个低代码的全栈类框架,它使用 Java 注解 动态生成页面以及增、删、改、查、权限控制等后台功能。Erupt提供了企业级中后台管理系统的全栈解决方案,大幅压缩研发周期,专注核心业务。

Erupt的优势:

  • 自动建表:表结构自动生成,无需手动建表
  • 易于上手:会简单的 Spring Boot 基础知识即可
  • 使用简单:仅需了解 @Erupt 与 @EruptField 两个注解即可上手开发
  • 代码简洁:仅需一个 .java 文件, template、controller、service、dao 都不需要创建
  • 功能强大:动态条件处理,逻辑删除,LDAP,自定义登录逻辑,RedisSession,操作日志等
  • 多数据源:支持:MySQL、Oracle、SQL Server、PostgreSQL、H2,甚至支持 MongoDB
  • 高扩展性:支持自定义数据源实现、自定义登录逻辑、动态权限管理、生命周期函数、自定义 OSS
  • 大量组件:滑动输入、时间选择、一对多、图片上传、代码编辑器、自动完成、树、多对多、地图等23类组件
  • 丰富展示:普通文本、二维码、链接、图片、HTML、代码段、iframe、swf等
  • 低侵入性:几乎所有功能都围绕注解而展开,不影响Spring Boot其他功能或三方库库的使用
  • 前后端分离:后端与前端可分开部署
  • 响应式布局:支持PC端手机端等各种规格的设备中使用
  • 自定义页面:支持自定义页面,自定义弹出层,且支持:原生H5 / Freemarker / Thymeleaf等方式渲染
  • 前端零代码:前端布局自动构建,一行前端代码都不用写
  • 无需二次开发:仅需引用 jar 包即可

Erupt与其他开发方式对比:

演示截图:

  • 登录

  • 系统管理

  • 系统监控

  • 报表管理

  • 接口配置

  • SQL监控

  • 代码生成

更多内容请大家自行前往阅读:erupt。



GitHub:https://github.com/erupts/erupt


往期推荐:

基于Bootstrap和Blazor的UI组件库

PHP表单验证解决方案

开源的电子商务解决方案

轻量级实时物理渲染引擎

基于Spring Cloud的分布式的物联网(IOT)平台

微软面向AI的量化投资平台

场景化低代码(LowCode)搭建工作台

开源量化交易平台开发框架

all-admin-web

前言

该项目为前后端分离项目的前端部分,后端项目mall地址:传送门。

项目介绍

mall-admin-web是一个电商后台管理系统的前端项目,基于Vue+Element实现。 主要包括商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等功能。

项目演示

项目在线演示地址:http://39.98.190.128/index.html

项目布局

src -- 源码目录
├── api -- axios网络请求定义
├── assets -- 静态图片资源文件
├── components -- 通用组件封装
├── icons -- svg矢量图片文件
├── router -- vue-router路由配置
├── store -- vuex的状态管理
├── styles -- 全局css样式
├── utils -- 工具类
└── views -- 前端页面
 ├── home -- 首页
 ├── layout -- 通用页面加载框架
 ├── login -- 登录页
 ├── oms -- 订单模块页面
 ├── pms -- 商品模块页面
 └── sms -- 营销模块页面

搭建步骤

  • 下载node并安装:https://nodejs.org/dist/v8.9.4/node-v8.9.4-x64.msi;
  • 该项目为前后端分离项目,访问本地访问接口需搭建后台环境,搭建请参考后端项目传送门;
  • 访问在线接口无需搭建后台环境,只需将config/dev.env.js文件中的BASE_API改为http://39.98.190.128:8080即可;
  • 克隆源代码到本地,使用IDEA打开,并完成编译;
  • 在IDEA命令行中运行命令:npm install,下载相关依赖;
  • 在IDEA命令行中运行命令:npm run dev,运行项目;
  • 访问地址:http://localhost:8090 即可打开后台管理系统页面;
  • 如果遇到无法运行该命令,需要配置npm的环境变量,如在path变量中添加:C:\Users\zhenghong\AppData\Roaming\npm。

https://github.com/macrozheng/mall-admin-web