草庐IT

svelte-admin

全部标签

eh-admin一套前后端一体的轻量级后台管理系统

https://gitee.com/DawnYang/eh-admin主要技术后端技术:SpringBoot,ApacheShiro,MyBatis-Plus等;前端技术:Jquery,Layui,FreeMarker等;(虽是前后端一体的项目,但还是采用前后端分离的开发风格,页面使用layui及其第三方组件,后端尽量不参与页面的生成,页面数据基本都采用异步请求) 项目启动开发环境准备JDK>=1.8Mysql>=5.7Maven>=3.0下载项目代码,并导入编辑器创建数据库dawn,字符集为utf8mb4,排序规则为utf8mb4_german2_ci,运行sql文件夹下数据库脚本dawn.

云端极简部署Svelte3聊天室

一、通过云开发平台快速创建初始化应用1.创建相关应用模版请参考链接:尝鲜少代码高性能的Svelte框架2.完成创建后就可以在github中查看到新增的Vite仓库二、本地编写Svelte3聊天室1.将应用模版克隆到本地首先假定你已经安装了Git、node,没有安装请移步node官网进行安装。克隆项目:gitclone+项目地址进入项目文件cdSvelte切换到feature/1.0.0分支上gitcheckoutfeature/1.0.0安装依赖包npminstall启动服务npmrundev这里打开浏览器8080端口,并出现默认页面。2.项目结构目录3.自定义导航栏Navbar+菜单栏Tab

云端极简部署Svelte3聊天室

一、通过云开发平台快速创建初始化应用1.创建相关应用模版请参考链接:尝鲜少代码高性能的Svelte框架2.完成创建后就可以在github中查看到新增的Vite仓库二、本地编写Svelte3聊天室1.将应用模版克隆到本地首先假定你已经安装了Git、node,没有安装请移步node官网进行安装。克隆项目:gitclone+项目地址进入项目文件cdSvelte切换到feature/1.0.0分支上gitcheckoutfeature/1.0.0安装依赖包npminstall启动服务npmrundev这里打开浏览器8080端口,并出现默认页面。2.项目结构目录3.自定义导航栏Navbar+菜单栏Tab

尝鲜少代码高性能的Svelte框架

为什么要使用SvelteSvelte是一种全新的构建用户界面的方法。传统框架(如React和Vue)在浏览器中完成大部分工作,而Svelte将这些工作转移到构建应用程序时发生的编译步骤。Svelte没有使用虚拟DOMdiffing之类的技术,而是编写了在应用程序状态发生变化时以手术方式更新DOM的代码。通过本教程中,你将从头开始构建自己的应用,分别使用Svelte-Cli和云开发平台Svelte-Cli快速搭建项目一、搭建本地开发环境Svelte要求Node.js版本>=12.2.0。然而,一些模板需要更高的Node.js版本才能工作,如果你的包管理器发出警告,请升级。您可以使用n、nvm或n

尝鲜少代码高性能的Svelte框架

为什么要使用SvelteSvelte是一种全新的构建用户界面的方法。传统框架(如React和Vue)在浏览器中完成大部分工作,而Svelte将这些工作转移到构建应用程序时发生的编译步骤。Svelte没有使用虚拟DOMdiffing之类的技术,而是编写了在应用程序状态发生变化时以手术方式更新DOM的代码。通过本教程中,你将从头开始构建自己的应用,分别使用Svelte-Cli和云开发平台Svelte-Cli快速搭建项目一、搭建本地开发环境Svelte要求Node.js版本>=12.2.0。然而,一些模板需要更高的Node.js版本才能工作,如果你的包管理器发出警告,请升级。您可以使用n、nvm或n

docker部署xxl-job-admin出现数据库拒绝问题

笔者能力有限,小白一枚,在遇到问题之后记录问题的解决方式为主要目的,欢迎各位探讨交流。问题出现:拉取代码:dockerpullxuxueli/xxl-job-admin:2.3.0docker部署mysql部署代码:dockerrun-d--linkmysql:tolinkmysql-ePARAMS="--spring.datasource.url=jdbc:mysql://tolinkmysql:33061/xxl_job?useUnicode=true&characterEncoding=UTF-8&useSSL=false&serverTimezone=Asia/Shanghai--sp

docker部署xxl-job-admin出现数据库拒绝问题

笔者能力有限,小白一枚,在遇到问题之后记录问题的解决方式为主要目的,欢迎各位探讨交流。问题出现:拉取代码:dockerpullxuxueli/xxl-job-admin:2.3.0docker部署mysql部署代码:dockerrun-d--linkmysql:tolinkmysql-ePARAMS="--spring.datasource.url=jdbc:mysql://tolinkmysql:33061/xxl_job?useUnicode=true&characterEncoding=UTF-8&useSSL=false&serverTimezone=Asia/Shanghai--sp

svelte组件:svelte3自定义桌面PC端对话框组件svelte-layer

基于Svelte3.x开发pc网页版自定义弹窗组件svelteLayer。svelte-layer:基于svelte.js轻量级多功能pc桌面端对话框组件。支持多种弹窗类型、30+参数随意组合配置,整合了拖拽/四周缩放/最大化/记忆弹窗位置/全屏/自定义层级等功能。svelteLayer功能效果上有些类似layer.js插件。◆快速引入在需要使用组件功能的页面,引入组件。importLayer,{svLayer}from'$lib/Layer'svelteLayer支持标签式+函数式两种调用方式。标签式调用询问框-->Layerbind:open={showConfirm}shadeClose

svelte组件:svelte3自定义桌面PC端对话框组件svelte-layer

基于Svelte3.x开发pc网页版自定义弹窗组件svelteLayer。svelte-layer:基于svelte.js轻量级多功能pc桌面端对话框组件。支持多种弹窗类型、30+参数随意组合配置,整合了拖拽/四周缩放/最大化/记忆弹窗位置/全屏/自定义层级等功能。svelteLayer功能效果上有些类似layer.js插件。◆快速引入在需要使用组件功能的页面,引入组件。importLayer,{svLayer}from'$lib/Layer'svelteLayer支持标签式+函数式两种调用方式。标签式调用询问框-->Layerbind:open={showConfirm}shadeClose

带你阅读Naive Ui Admin后台管理源码,并手撸JS版本

NaiveUiAdmin是一个基于Vue3.0、Vite、NaiveUI、TypeScript的中后台解决方案,它使用了最新的前端技术栈,并提炼了典型的业务模型,页面,包括二次封装组件、动态菜单、权限校验、粒子化权限控制等功能,它可以帮助你快速搭建企业级中后台项目,相信不管是从新技术使用还是其他方面,都能帮助到你。项目地址:https://github.com/jekip/naive-ui-admin本次使用JS+Vue实现NaiveUiAdmin,带你阅读项目的流程。项目搭建本次项目搭建使用Vue3提供的脚手架工具,使用UI方式搭建项目基础框架。安装vue/cli-initsudonpmin