百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 热门文章 > 正文

SAAS模式管理后台支持移动端 saas平台管理

bigegpt 2024-10-12 06:23 4 浏览

上周前同事问后台管理怎么方便快速在移动端使用,当时告诉他的是做兼容。这个周六太热没有出去,正好改造一下自己的管理系统,试试移动端的效果。前端框架使用的是Avue,它本身对移动端的兼容性做的不错。我不是专业前端,前端和UI水平有限,欢迎大家讨论实现方式。【我的解决方案很大程度依赖avue 和自己的框架】。由于自身框架结构和不完善等原因,预计需要到年底才开源,有兴趣的关注一下我。

改造时间:

2024年5月25日8点~2024年5月25日10点;2024年5月25日16点~2024年5月25日18点,大约3、4小时

改造功能点:

1.移动端菜单优化。(avue框架本身自带有苹果模式和兼容模式,自己也写了套APP模式的供TO C使用的,这里只是对苹果模式做了一点点优化)


2.列表页(列表页支持卡片模式【移动端默认这种模式】和表格模式【PC端模式这种模式】)由于Avue最新版本支持卡片模式,所以只需要再框架层面做简单的优化即可支持90%的页面。后期需要把查询条件和按钮、下拉刷等处理





3.表单和编辑页(90%的管理页面是avue写的,并且使用了mixins、表单使用的是avue-form-design,所以这块改造的也很快,主要也是框架层面)

主要工作:

1.新增移动端输入框、下拉、单选、多选、时间组件等。(这个是直接在网上找的,改造一下适配avue 数据结构)

2.组件渲染。为了减少工作量和业务逻辑代码(比如下拉的值可以是字典项或者静态或者api接口)所以公用的一套代码,只是渲染层不一样,通过一段30行左右的代码实现PC渲染的是PC端的组件,移动端渲染的是移动端组件,如果移动端没有相同类型的组件则使用PC端的组件,以后加了移动端组件再渲染成移动端的,支持扩展。【简单点就是switch ‘PC端组件类型’ case return ‘移动端组件类型’】。这里提一个对我来说的坑,之前移动端引入了vant4.9,日期控件使用的是van-date-picker,不是van-datetime-picker. 其数据结构也特立独行['2024','05','25'],被其坑惨了(主要是第一次使用不熟悉,犯了经验错误)。



由于自身技术、框架结构、功能不完善等原因,预计需要到年底才开源,有兴趣的关注一下我,或者加入这个项目一起开源。

已经完成但不完善的功能有:

1.管理后台功能、

2.开发平台(表单--支持多数据源、流程--做了数据库分离、通用统计查询--通过配置表或视图生成统计查询页面、生成代码---约定方式支持字典类型、动态数据源)、

3.AI问答及私有知识库。

4.支持多租户:支持配置表是否区分多租户,支持配置共享表、支持配置共享表中的私有数据、支持配置多租户表是否分表。业务不需要关注多租户的实现,专注于业务。

5.日志:支持登录日志、操作日志、数据日志审计

6.各种认证登录(人脸登录也在计划中)

7.目前是单体的,但是也支持微服务的也很方便,做了部分兼容。


感谢

Avue: Avue.js2.0是基于现有的element-ui库进行的二次封装,简化一些繁琐的操作,核心理念为数据驱动视图,主要的组件库针对table表格和form表单场景,同时衍生出更多企业常用的组件,达到高复用,容易维护和扩展的框架,同时内置了丰富了数据展示组件,让开发变得更加容易,avue-cli是后台模版

相关推荐

Redis集群对比:主从复制、哨兵模式、Cluster一文看懂所有优缺点

在分布式系统中,Redis作为高性能的内存数据库,其集群方案的选择直接影响到系统的稳定性、可用性和扩展性。本文将全面对比Redis的三种主流集群方案:主从复制、哨兵模式和Cluster模式,帮助开发者...

redis的主从复制,读写分离,主从切换

当数据量变得庞大的时候,读写分离还是很有必要的。同时避免一个redis服务宕机,导致应用宕机的情况,我们启用sentinel(哨兵)服务,实现主从切换的功能。redis提供了一个master,多个sl...

# Redis 入门到精通(九)-- 主从复制(3)

#Redis入门到精通(九)--主从复制(3)##一、redis主从复制-常见问题(1)###1、伴随着redis系统的运行,master的数据量会越来越大,一旦master重启...

redis - 主从复制(Redis主从复制时序图)

1引言在上一篇文章中,我们了解了Redis两种不同的持久化方式,Redis服务器通过持久化,把Redis内存中持久化到硬盘当中,当Redis宕机时,我们重启Redis服务器时,可以由RDB文件或AO...

# Redis 入门到精通(九)-- 主从复制(2)

#Redis入门到精通(九)--主从复制(2)##一、redis主从复制--数据同步阶段注意事项###1、数据同步阶段master说明1)如果master数据量巨大,数据同步阶段应...

Redis主从复制(redis主从复制主节点挂了)

介绍Redis有两种不同的持久化方式,Redis服务器通过持久化,把Redis内存中持久化到硬盘当中,当Redis宕机时,我们重启Redis服务器时,可以由RDB文件或AOF文件恢复内存中的数据。不过...

深入解析 Redis 集群的主从复制实现方式

在互联网大厂的后端开发领域,Redis作为一款高性能的内存数据库,被广泛应用于缓存、消息队列等场景。而Redis集群中的主从复制机制,更是保障数据安全、实现读写分离以及提升系统性能的关键所在。今...

Redis主从架构详解(redis主从架构高可用如何实现)

Redis主从架构搭建Redis主节点配置创建主节点目录(/opt/redis-master),复制redis.conf到该目录下,redis.conf配置项修改#后台启动daemonizeyes...

抖音“四大包塘战神”:承包了全网的快乐

在抖音钓鱼垂类领域,"包塘战神"军团正掀起一场黑色幽默风暴。空军华、大表坑、李赔光、透心良四位创作者,以承包鱼塘为舞台,用连续翻车的钓鱼直播构筑起流量奇观。当钓鱼佬在抖音集体转型喜剧人...

ORACLE 11G RAC 安装-通过VM配置共享磁盘

简介:在自己的电脑上通过VM软件搭建Oracle11GRAC,通过修改VM的参数文件来实现磁盘共享!目标:搭建RAC环境实现:使用VMwareWorkstation8.0.0+ORACLE...

Linux操作系统安全配置(linux系统安全配置包括)

一、服务相关命令systemctlenable服务名#开机自启动systemctldisable服务名#禁用开机自启动systemctlstop服务名#停止服务systemctls...

关于Linux性能调优中网络I/O的一些笔记

写在前面和小伙伴分享一些Linux网络优化的笔记,内容很浅,可以用作入门博文内容结合《Linux性能优化》读书笔记整理涉及内容包括常用的优化工具(mii-tool,ethtool,ifconfig,i...

从 Sonatype Nexus Repository Manager 迁移到 Artifactory

1.Nexus1.1下载下载链接:https://help.sonatype.com/repomanager3/product-information/download/download-archiv...

Ubuntu20安装zabbix5.0企业监控系统亲测教程

前言示例主机:zabbix10.0.100.10,将安装在UbuntuServer上教程说明:因使用官方教程无法安装成功,所以本教程与官方教程有所不同安装前提:已安装UbuntuServer2...

Linux内核设计与实现—进程管理(linux内核程序设计)

进程进程就是处于执行期的程序(目标码存放在某种存储介质上)。进并不仅仅局限于一段可执行程序代码(Unix称其为代码段,textsection)。通常进程还要包含其他资源,像打开的文件,挂起的信号,...