UNI-SOP应用场景(1)- 纯前端预开发

news2024/11/18 23:49:04

        在平时新项目开发中,前端小伙伴是否有这样的经历,hi,后端小伙伴们,系统啥时候能登录,啥时候能联调了,这是时候往往得到的回答就是,再等等,我们正在搭建系统呢,似曾相识的感觉,可是这是实实在在的一遍一遍在重复发生的场景。一个新项目的开始,在项目开始初期,前端往往会严重依赖后端的完成进度,特别是登录,获取系统资源这块,前端想要不依赖,只能做一个模板设计,等到后端这部分完成后再替换为真实的后端接口调用,可是这爽吗?前端同事一点都不爽,都不知道联调的时候还会出什么幺蛾子!

        唠叨了下这些个小插曲,其实,这也是我们做项目中每天都在发生的事情,究其原因,是因为我们的系统不够概念化,不够抽象,边界不够清晰和明确,因为,我们都在做着重复的工作,不仅仅浪费个人的精力,同时也在消耗着公司的时间成本,更有甚者,延缓项目的上线时间,使得产品在一定程度上失去了竞争力。不过,现在不用担心,使用UNI-SOP,从根本上解决这个问题。

        我们看看使用UNI-SOP会带来什么样的改变?

        公司部署一套UNI-SOP平台系统,重要的事情说三遍:只部署一次、只部署一次、只部署一次,如果有新项目了,在认证中心新建一个项目,先把项目相关资源配置上(比如菜单、角色、权限、客户端),然后,把项目先配置到认证中心,让其暂时替代业务平台完成平台的初始化工作,接下来,前端同事就可以开始工作了,不需要等后端同事搭建系统,部署到开发环境,怎么做呢?

        最快的方法使用UNI-SOP提供的前端开发脚手架uni-sop-webkit,直接拷贝到新项目里,然后打开项目根路径下的.env文件:

VITE_APP_VERSION = '1.0.0'
VITE_APP_COPY_RIGHT = '版权所有©xxx科技有限公司   粤ICP备20200xxxx号'
# 页面标题
VITE_APP_TITLE = xxx管理平台
VITE_APP_PLATFORM = '843a16343d2c1abd200e'
VITE_APP_CLIENT_ID = 'WEB-TEST'
VITE_APP_CLIENT_SECRET = 'be72bb11bfb0af341fde2c018f2f2b69'

        然后把VITE_APP_PLATFORM替换为我们平台的ID;把VITE_APP_CLIENT_ID替换为我们创建的客户端CODE;把VITE_APP_CLIENT_SECRET替换为我们平台下创建的客户端秘钥,然后npm run dev启动,就可以看到最简单的项目了。

        

        接下来,我们通过认证管理平台添加我们项目所需的其他菜单到系统。

        

        我们创建自己的业务菜单 营销/优惠卷列表

        然后在我们业务前端 /views/pages下建立目录marketing,然后在目录marketing下建立CouponListPage.vue文件。

        重新登录,就可以看到我们的页面了,是不是简单,高效!

        业务的数据我们可以采用mock的方式来替代后端接口,这样,后端和前端都可以独立开发,除了后面会联调业务接口部分,其他平台相关的诸如登录、资源关联、权限控制这些都不需要联调,为我们省下了很多宝贵的时间成本的同时,上线代码质量也能得到保证。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2169284.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Marp精华总结(一)基础篇

概述 Marp是一个基于MarkDown快速编写幻灯片的工具,其可以基于VScode环境,实现MarkDown幻灯的编写和预览。Marp并不难,但是目前的教程还比较零散,而且很多细节和高级内容并没有完全展示,我自己是很早就体验到了Marp的…

C语言进阶之泛型列表(Generic List)

1.前言 数据结构是需要泛型的,而在C语言中实现泛型就只能去用指针魔法了,来跟我一起实现吧!所有代码经测试未发现明显bug,可放心食用. 2.代码截图展示 1.list.h 2.main.c 3.list.c 3.结语 这次分享的列表采用动态数组的方式实现,下次我会去用链表实现,两种实现方式各有优劣,希…

通信工程学习:什么是VIM虚拟化基础设施管理器

VIM:虚拟化基础设施管理器 VIM(Virtualized Infrastructure Manager)虚拟化基础设施管理器,是一种负责管理和控制虚拟化环境中所有虚拟资源的工具和系统。以下是关于VIM虚拟化基础设施管理器的详细解释: 一、定义与功能 VIM是网络功能虚拟化(NFV)架构中…

DVWA-File Inclusion(文件包含)渗透测试

概念: 漏洞产生原因: 主要是由于开发人员没有对用户输入的文件路径进行严格的过滤和验证。例如,如果一个 Web 应用程序接受用户输入的文件路径,然后使用这个路径进行文件包含,而没有对用户输入进行任何检查&#xff0c…

dll 研究 1

起因, 目的: 就是想看看 dll 里面有什么。 过程: 找到,打开 dumpbin 在开始菜单中搜索 “Developer Command Prompt for VS”打开, 然后输入 dumpbin 查看 a.dll 中 dumpbin /headers a.dll 查看头部信息dumpbin /EXPORTS a.dlldumpbin /a…

基于SSM+小程序的在线课堂微信管理系统(在线课堂1)(源码+sql脚本+视频导入教程+文档)

👉文末查看项目功能视频演示获取源码sql脚本视频导入教程视频 1 、功能描述 &emsp1、管理员实现了首页、个人中心、用户管理、课程分类管理、课程信息管理、课程订阅管理、课程视频管理、公告栏管理、留言板管理、系统管理。 2、用户实现了首页、课程信息、公…

Web3Auth 如何工作?

Web3Auth 用作钱包基础设施,为去中心化应用程序 (dApp) 和区块链钱包提供增强的灵活性和安全性。在本文档中,我们将探索 Web3Auth 的功能,展示它如何为每个用户和应用程序生成唯一的加密密钥提供程序。 高级架构 Web3Auth SDK 完全存在于用…

消息号 FS215 对科目 2221010200 7333允许销项税, J1 不允许

业务场景: 在做发票校验时,报错“消息号 FS215 对科目 2221010200 7333允许销项税, J1 不允许”而且计算税额失效,红灯报错。 初步怀疑是税码配置问题 FTXP J1是进项税,但是这里维护了销项税和均一税,在这里删除是需…

【Python开发环境搭建】在pycharm中使用虚拟环境进行开发

每个虚拟环境都是独立的,打包生成的exe文件更加小巧,不会因为兼容性问题出现干扰 1、打开项目后,在右下角点击Python解释器,选择添加新的解释器,添加本地解释器 2、选择新建,选择合适的路径,取…

商业终端数据打包-android-鸿蒙——国产系统-———未来之窗行业应用跨平台架构

一、未来之窗星辰传送阵炼化炉横空出世 以下是为您编写的引言: 在当今的网络世界中,网页隔段时间就提示登录的现象令人困扰,严重影响了终端交互的流畅性。传统的设备 ID 识别方式存在无法动态变更数据的局限,轮询模式更是会使服务…

C# 利用simd比较两个文件是否相等(高性能)

主要用到两个指令集&#xff0c;CompareEqual指令与MoveMask指令&#xff0c;因为电脑cpu原因&#xff0c;我们采用Avx2。 Avx2.CompareEqual&#xff0c;比较两个Vector256<byte>向量&#xff0c;如果元素相同返回255&#xff0c;否则返回0。 Avx2.MoveMask如果Vector…

滚珠丝杠在人形机器人及线控制动和转向中大放异彩

直线驱动器用于对旋转角度不大、高负载的场景,在人形机器人中多用于四肢。直线驱动器多采取“电机+丝杠”,将旋转运动转为关节末端的直线运动,能够起到较好的支撑和承重效果,能够较好的适配应用场景的负载需求。 特斯拉人形机器人Optimus 双足、双臂采用连杆结构,连杆末端…

GS-SLAM论文阅读笔记--GEVO

前言 这篇文章看着就让人好奇。众所周知&#xff0c;高斯是一个很不错的建图方法&#xff0c;但是本文的题目居然是只用高斯进行单目VO&#xff0c;咱也不知道这是怎么个流程&#xff0c;看了一下作者来自于MIT&#xff0c;说不定是个不错的工作&#xff0c;那就具体看看吧&am…

IDEA服务启动时无法输出日志

起服务时&#xff0c;控制台啥日志也没有 解决方案&#xff1a;选择【启用调试输出】 SQL的日志无法打印 原来安装了一个Mybatis Log Free&#xff0c;用的好好的。 后来换了个项目&#xff0c;SQL执行日志就打印不出来了。 解决方案&#xff1a;换个插件&#xff0c;我换了…

Python语言把二进制转成十六进制

0 Preface/Foreword 0.1 10进制转其他进制 bin()oct()hex() 0.2 其他进制转10进制 int(, 2)int(, 8)int(, 16) 1 转换方法 1.1 方法1 先将二进制转成10进制&#xff0c;再将10进制转成16进制 decim int(00000101, 2) hexadecim hex(decim) print hexadecim 1.2 方法…

Snap AR眼镜Spectacles的技术揭秘:通往真正AR体验的道路

Snap公司自2010年成立以来&#xff0c;一直致力于探索增强现实&#xff08;AR&#xff09;技术的边界。经过多年的研发与迭代&#xff0c;Snap终于在最新一代Spectacles中实现了重大突破&#xff0c;为用户带来了前所未有的沉浸式AR体验。本文将深入探讨Spectacles的发展历程、…

【vue3】登录功能怎么实现?

无论是手机端还是pc端&#xff0c;几乎都包含登录注册方面功能&#xff0c;今天总结登录注册功能。 实现功能 注册 密码加密 登录 校验 token处理 1.环境搭建运行&#xff08;nodeexpressmongodb&#xff09; 在目录里安装express和mongoose&#xff0c;并在根目录创建server.j…

C语言编译和链接详解(通俗易懂,深入本质)

我们平时所说的程序,是指双击后就可以直接运行的程序,这样的程序被称为可执行程序(Executable Program)。在 Windows 下,可执行程序的后缀有.exe和.com(其中.exe比较常见);在类 UNIX 系统(Linux、Mac OS 等)下,可执行程序没有特定的后缀,系统根据文件的头部信息来判…

YOLOv8改进 - 注意力篇 - 引入SK网络注意力机制

一、本文介绍 作为入门性篇章&#xff0c;这里介绍了SK网络注意力在YOLOv8中的使用。包含SK原理分析&#xff0c;SK的代码、SK的使用方法、以及添加以后的yaml文件及运行记录。 二、SK原理分析 SK官方论文地址&#xff1a;SK注意力文章 SK注意力机制:SK网络中的神经元可以捕…

音视频通话 SDK

腾讯云视立方音视频通话 SDK 是音视频终端 SDK&#xff08;腾讯云视立方&#xff09;的子产品 SDK 之一&#xff0c;基于音视频通话场景&#xff0c;提供专属含 UI 快速接入方案&#xff0c;仅需三步即可快速集成上线&#xff0c;轻松实现1对1视频聊天、多人视频通话和聊天应用…