精华内容
下载资源
问答
  • 中后台
    千次阅读
    2019-04-10 15:08:57

    需求

    1. 兼容ie8 (客户群体电脑因为安全问题无法升级,所以必须兼容ie8
    2. 界面是中后台系统管理界面
    3. 形成框架,方便二次开发人员开发。
    4. 形成组件库,并且可配置化
    5. 提升界面颜值

    思路

    1. 兼容ie8
      本咸鱼以前的技术栈是vue全家桶,vue底层是用defineproperty实现的双向绑定,这个方法ie8是不支持的,所以放弃vue, 同时react和angular 很早的版本才兼容ie8,一想到要去踩以前的老坑,我也是毅(yi)然(yi)决(bu)然(she)的放弃了。

      三大主流框架不能用,还有一些mvvm框架据说是支持ie8的。

      • omi 腾讯
      • san 百度
      • avalon
      • knockout
        以上框架都支持了ie8,但是在细节方面还是有待优化的地方,比如路由,脚手架方面,还有一段路要走,为了避免踩坑,决定放弃这几种框架。
    2. 中后台系统解决方案
      先安利一波三大框架的中后台解决方案

      如果不需要考虑ie8,那么这三个可以基本满足中后台管理系统前端需求了。
      如果考虑ie8的话,那么layui-admin (付费),也可以解决。

      墙裂推荐layui,layui本身是开源的,只是后台解决方案是付费的。

    3. 框架定型

      • js + layui
        
      • 单页面应用
        
      • 模板引擎实现组件的可配置化
        
      单页面应用

      考虑到中后台管理系统的布局(头部是基本导航,左边是目录导航, 右边是内容),是需要局部刷新的。那么只能用iframe或者单页面应用。iframe存在种种弊端,所以最终决定使用单页面,局部刷新,是通过动态渲染局部dom实现。
      页面路由和局部刷新参考了部分开源作品(weadmin xadmin)

    4. 框架细节
      基本的路由和ui框架都有了,接下来需要完善其他部分,也是本系列重点要讲的地方。

      • 权限认证
      • 路由守卫
      • 信息存储
      • 组件可配置化
    5. 界面颜值
      layui本身就是高颜值的ui框架

    更多相关内容
  • 一套通用型的后台管理系统原型设计方案,在此基础上可以快速输出标准和美观的后台原型方案,共有12套不同类型的登录界面和系统框架,包括大量的常用组件和常用页面模板,可以满足各类中后台管理系统的原型设计需求,...
  • 几款基于vue3和vite的开箱即用的中后台管理模版 几个强大的管理后台模版,并聊聊他们的特点。 Vue vben admin Vue Vben Admin 是一个免费开源的中后台模版。使用了最新的 vue3, vite2, TypeScript 等主流技术开发...

    vite打包快的原因:
    冷启动
    1.esbuild构建依赖,go语言编写多线程打包。
    2.原生的esm方式提供源码,浏览器分担了一部分工作。

    HMR热更新
    1.缓存机制,利用浏览器http头部,源码模块请求根据304协商缓存和依赖模块请求通过强缓存(cache-control: max-age=315360000, public ,immutable)
    只是模块本身被更新,不用重新构建。

    强弱缓存都是服务器端配置。
    强缓存,200 from cache:
    Expires
    cache-control: max-age=315360000, public ,immutable
    弱缓存:
    304
    3.文件系统缓存:node_modules/.vite目录
    vite.config.js中设置缓存:cacheDir:‘./.cache’ //把上面默认的地址修改成这个
    禁用缓存,浏览器network/disable cache

    服务端写入:
    res.setHeader(‘max-age’: ‘3600 public’)
    res.setHeader(etag: ‘5c20abbd-e2e8’)
    res.setHeader(‘last-modified’: Mon, 24 Dec 2018 09:49:49 GMT)


    几款基于vue3和vite的开箱即用的中后台管理模版
    几个强大的管理后台模版,并聊聊他们的特点。

    1. Vue vben admin
      在这里插入图片描述
      Vue Vben Admin 是一个免费开源的中后台模版。使用了最新的 vue3, vite2, TypeScript 等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考。
      特点
      最新技术栈:使用 Vue3/vite2 等前沿技术
      TypeScript: 应用程序级 JavaScript 的语言
      主题:可配置的主题
      国际化:内置完善的国际化方案
      Mock 数据 内置 Mock 数据方案
      权限 内置完善的动态路由权限生成方案
      组件 二次封装了多个常用的组件

    2. ant-simple-pro
      在这里插入图片描述
      ant-simple-pro 是一款支持 vue3.0,react,angular,typescript 等多框架支持的中台前端解决方案,ui 使用 antd 实现的,它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,响应式设计,开箱即用,而且我们写了很多支持 vue3 的插件和库,它可以帮助你快速搭建企业级中后台产品原型,不管你是 vue 开发者,还是 react 或者 angular,都能在这里找到你想要的版本。
      前序准备
      你需要在本地安装 node 和 git,异步请求数据用axios,所有的异步接口均采用node+typescript+mysql+docker实现的,所以最好先了解如下知识:

    vue
    vue3.0的新语法,如setup,hooks等合成api
    vue-cil,vue-router,vuex等全家桶
    react
    react基本语法,如hooks,class创建组件,函数式创建组件等
    react全家桶要熟悉,如react-router-dom,create-react-app,react-transition-group等
    react数据状态库,redux,redux-saga,reselect,react-redux等
    react在typescript下的FC模式等
    angular
    angular的基本语法,如html模板,指令,组件等
    angular的全家桶,如angular-cil,Rx等
    typescript的基本语法

    1. vue3-template-admin
      在这里插入图片描述
      vue3-template-admin 是一款基于 vue3 + vite + element plus 的后台管理模版,它集成了我们业务开发的大部分功能,比如文本编辑器,全站搜索,权限管理,可视化图表等。
      使用到的插件/库
      eslint-plugin-vue eslint-plugin-vue
      axios 强大的前端请求库
      fues.js fues.js 前端模糊搜索
      echart echart 数据可视化
      antv antv 蚂蚁数据可视化
      xlsx xlsx SheetJS
      jszip jszip 优秀的前端压缩库
      mockjs mockjs 模拟和交互数据
      wangeditor wangeditor 富文本编辑器
      fullcalendar fullcalendar 丰富的日历插件

    2. vue-admin-box
      在这里插入图片描述
      vue-admin-box 是一个免费并且开源的中后台管理系统模板。使用最新版本的 vue3+vite+element-plus 开发而成,目的是为了解决通用型的业务中后台系统复杂的配置。

    功能特色
    适合中后台开发的路由配置、状态管理机制(状态默认支持本地存储)、已封装完善的axios及api管理机制
    极方便扩展的主题配置功能,默认支持三种典型的中后台风格
    简易配置的页面缓存功能,只需配置noCache属性,无需配置其他的任何属性,如组件名称,路由名称等等很多框架需要配置的东西
    典型增删改查的三种业务表格,详情请查看“页面栏目”内的“业务表格”、“分类联动表格”、“树联动表格”
    支持缓存页面刷新,目前了解的多数框架都不支持缓存页面的刷新方便扩展的国际化解决方案,并提供了两套非国际化的基础模板和两套国际化的基础模板(ts版本/js版本)
    手写版本的各类自定义指令
    已经过多个中后台业务检验过的表格公用组件及弹窗公用组件,详情请查看“页面栏目”内的“业务表格”、“分类联动表格”、“树联动表格”。

    展开全文
  • 本期给大家分享的是一套完整的模板:Axure中后台管理信息系统通用原型 首先是登陆页面以及登录框架,一共有12个登陆界面及登录框架供你选择: 接着就是系统界面,添加了点击交互事件:

    本期给大家分享的是一套完整的模板

    Axure中后台管理信息系统通用原型

    在这里插入图片描述

    本作品是一套通用型的中后台信息系统原型方案,可以快速扩展并输出标准美观的中后台产品原型,极大的提升输出效率和节省协作成本。方案中提供了几十套不同风格和结构的系统框架,并涵盖了大量的常用组件和通用页面模板,可以满足各类系统类原型设计需求,快速输出各种管理信息系统,如CMS、OA、CRM、ERP、POS等系统原型。本次发布的V2版本在旧版基础上进行了全新的改版,从整体到细节都进行了非常细致的打磨和升级。另外,为了顺应Axure rp9新版本过渡的趋势,以及推动新版本在行业内的普及,本作品同样是完全使用Axure RP8进行制作和发布的,它也将成为我们基于8发布的重要作品系列之一。


    展示图片:



    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    在这里插入图片描述

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    提供的设计框架由12套扩展到了40多套,各类丰富的框架基本涵盖了市面上大部分中后台产品的结构形态。同时,相关内页模板和设计组件相比于旧版也更为丰富,可以满足绝大多数的中后台产品设计需求。

    需要的小伙伴可以点击下载哦!

    下载地址:https://download.csdn.net/download/wszzmo/14985238

    展开全文
  • 今天要介绍的这套中后台设计原型模板,是由Web端元件库、框架、数据表单组成的,模板组件样式特别全面。列表布局样式、详情页布局样式、可视化图表样式及其丰富,简直是中后台设计人员的福音,我一眼就爱上了。除此...

    今天要介绍的这套中后台设计原型模板,是由Web端元件库、框架、数据表单组成的,模板组件样式特别全面。列表布局样式、详情页布局样式、可视化图表样式及其丰富,简直是中后台设计人员的福音,我一眼就爱上了。除此之外丰富的电商组件库、有赞组件库、小程序组件库等。

    整套原型模板在兼顾中后台业务逻辑的同时把UI做到了极致,是一套上乘的资源库!!!

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • Ant Design Pro of Vue——蚂蚁金服中后台系统框架搭建 Ant Design Pro of Vue下载安装启动步骤: 一、Ant Design Pro of Vue 的介绍 Ant Design Pro 是一个企业级中后台前端/设计解决方案,我们秉承 Ant Design 的...
  • electron-vite-admin基于 electron+vite.js 整合开发的后台管理框架。 本项目基于 vite2+electron12+vue3+vuex+element-plus+vue-i18n+echarts 等技术栈搭建开发,所有的请求数据都使用Mock.js进行模拟。支持动态...
  • 一款漂亮的轻量级bootstrap中文后台管理系统模版
  • 中后台分离是建设流程银行的核心问题之一。前中后台分离固然给中国商业银行带来很多思想、组织、流程、行为和文化上的保障和转变,但是,在实现这一目标的过程中也产生一些问题。     为适应向零售银行转型,...
  • 在开发过程 我们从后台获取数据绑定list集合 但是我们需要实现跨行跨列 的表格。 难点: 属性拼接 th:class=" 'type_' +${var.getOrderType()}"使用‘+’; 获取属性值 td[class^='type_'] 错误想法: 我们第...
  • Shell 脚本中后台启动服务& 与 nohup

    千次阅读 2021-01-04 23:03:41
    Shell 脚本中后台启动服务& 与 nohup 最近工作中遇到在shell脚本中启动服务并让服务在后台运行,同时不影响shell脚本向下执行的场景。进行了一些调查,实践,借鉴一些网上的资源进行一个个人的总结,方便以后...
  • Linux中后台启动redis-server

    千次阅读 2019-12-09 17:49:07
    Linux中后台启动redis-server 1.vim redis.conf 打开redis的配置文件 2./daemonize 查找关键字 找到 daemonize no的位置将 no 修改成yes,如图: 3.保存退出 开发时链接不上redis服务的解决方法 1.检查自己的地址和...
  • 直接用./xxx.py 文件就可以运行,但是如果想后台运行,即使关闭当前的终端也可以运行的话,需要nohup命令和&命令。 (1)、&命令 功能:加在命令的最后。作用是可以把这个命令放在后台执行,比如我们服务会...
  • Linux系统运行java项目jar包指令 nohup java -jar jar包名称 >java.log &
  • 前台、台、后台到底是什么?

    千次阅读 2021-03-16 09:06:22
    前台、台、后台到底是什么?01 前台02 台1. 业务台2. 数据台03 后台 作者:欧创新 邓頔 来源:大数据DT 导读:很多人提到台时自然会问:“既然有台,那是否有前台和后台?它们各自的职责又是什么呢? ...
  • vue如何获取后台数据

    万次阅读 2020-12-19 10:20:33
    需要引用vue-resource在入口函数加入import VueResource from 'vue-resource'Vue.use(VueResource);在package.json文件加入"dependencies": {"vue": "^2.2.6","vue-resource":"^1.2.1"},请求如下mounted: ...
  • 什么是前台?什么是台?什么是后台

    万次阅读 多人点赞 2019-12-05 15:57:42
    什么是前台? 首先,这里所说的“前台”和“前端”并不是一回事。所谓前台即包括各种和用户直接交互的界面,比如web页面,手机app;也包括服务端各种实时响应用户请求的业务逻辑,比如商品查询、订单系统...什么是...
  • 前台、台与后台的概念

    千次阅读 2020-10-22 09:37:01
    后台并不直接面向用户,而是面向运营人员的配置管理系统,比如商品管理、物流管理、结算管理。后台为前台提供了一些简单的配置。 前台、后台与用户的联系: 当项目的发展相对稳定,并不需要那么快速的去迭代和...
  • 什么是“”“”后台

    千次阅读 2020-08-05 11:16:28
    揭秘“台” 台的定义 “台”是企业级的逻辑概念(技术架构),为业务提供公共服务的聚合全流程平台,实现数据复用,提高服务可用性和业务的响应能力。 台作用 易用性:数据共用,复用,多用 扩展性:避免...
  • 使用umi3和antd pro5从零实现全栈中后台管理系统
  • 基于uni-app手机端后台管理系统uni-uadmin

    千次阅读 多人点赞 2022-01-23 18:06:26
    Uni-Uadmin 一款uniapp+uviewUI开发的中后台管理系统模板实例。 全新毛玻璃UI视觉uniapp后台管理系统。使用了uni-app+uView-ui+uni-ui等技术开发架构,内置了表格/表单/图表/列表及富文本编辑器,支持动态路由权限...
  • 在本站建站之初就推荐过 Ant Design,这是阿里出品的免费开源的 web 前端 UI 组件库以及一套设计方案,主要用于开发 PC 端企业中后台管理系统。 而 Ant Design Pro 则是官方出品的基于 Ant Design 开发的 admin ...
  • Linux程序后台执行命令

    千次阅读 2020-11-09 08:59:30
    ——让命令后台执行 2. >——输出重定向 3. 2>&1 ——将标准出错重定向到标准输出 4. nohup——退出终端后,程序依然后台执行 5. jobs——查看后台执行的进程 6. fg——把后台执行的命令 7. Ctrl+z——...
  • 导读:很多人提到台时自然会问:“既然有台,那是否有前台和后台?它们各自的职责又是什么呢?”本文为你详细解答。作者:欧创新 邓頔来源:大数据DT(ID:hzdashuju)我们来看一下...
  • 在这个项目你有遇到什么技术难点,你是怎么解决的? 其实这个问题旨在了解你在遇到问题的时候的解决方法,毕竟现在前端技术领域广,各种框架和组件库层出不穷,而业务需求上有时纷繁复杂,观察一个程序员在面对...
  • c# 后台刷新UI的方法

    千次阅读 2018-04-27 09:04:06
    首先定义个委托public delegate void RefreshUI(Control c,object o);刷新的方法public void refreshUI(Control C,Object o) { ((ListBox)c).Items.Add(o.ToString()); }在需要调用的地方写,this.Invoke(new ...
  • 前台是面向用户的,比如阿里的淘宝、天猫、支付宝,这些都是给普罗大众使用的产品 ...无论前台、台、后台都包括前端和后端,前端指界面开发,例如h5、安卓。后端指服务接口开发,例如java服务。 ...
  • response.setContentType("text/html;charset=utf-8"); //如果是json数据,需要设置为("text/javascript;charset=utf-8");  response.setcharEncoding("utf-8");
  • shiro中后台服务器如何获取sessionId

    万次阅读 2018-09-13 13:33:12
    http协议本身是无状态协议,那后台是怎么确定用户的session呢? 这里以shiro的web开发为例,因为shiro的request和session只是对标准的request和session进行了封装,在 DefaultWebSessionManager,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,779,699
精华内容 711,879
关键字:

中后台