Flask+ZUI 开发小型工具网站（二）——ZUI

最新推荐文章于 2020-06-24 09:44:50 发布
最新推荐文章于 2020-06-24 09:44:50 发布
阅读量538 收藏
点赞数
分类专栏： Flask+ZUI 小型工具网站 文章标签： ZUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36591505/article/details/102570436
版权
本文介绍了如何使用前端框架ZUI来开发基于Flask的小型工具网站。首先，从ZUI官网下载并了解其特色，如自定义主题颜色。接着，将ZUI资源文件放入项目的static文件夹，并创建HTML文件引入依赖，从而开始构建页面。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

仔细想想我都没学过前端和JavaScript哪来这么大信心orz。。。

2019-10-15

ZUI

ZUI官网：http://www.zui.sexy/#/

我喜欢这个团队！！！！！！超有趣！！！

哈哈哈哈哈哈哈哈哈哈你看他们的官网源码！！！ZUI is sexy！！！诶嘿嘿~

下载ZUI

下载之前可以先更换主题颜色，ZUI的默认主题是这个很好看的蓝：

在主页点击主题可以进行编码：

在这里编写CSS可以设置你喜欢的主题颜色和按钮的半角弧度，可以在这里设置好之后再进行编译配置。好棒啊这个东西

使用ZUI

解压下来的包丢到项目里的static文件夹下

最低0.47元/天 解锁文章
Flask+ZUI 开发小型工具网站 3.1 ——ZUI漂浮消息
兰兰的博客
10-18 556
发现ZUI有一个漂浮消息的控件，直接替换掉登录界面的alert用： 官网网址在这里：http://zui.sexy/#javascript/messager 效果 我没开服务器，所以在中间弹窗出链接失败，600ms后消失 代码 function login(){ var name = $("#username").val(); var pass...
Flask+ZUI 开发小型工具网站（一）
兰兰的博客
10-15 555
前言 做nlp训练语言模型的时候需要大量数据标签，由于源数据很脏，有些标签可能需要人工标注，为了方便计划开发一个小型的工具web端进行标注。做好网站就可以找苦力帮我打标签啦哈哈。 前端 想找一个好看的前端框架，其实layui 就很好看了，但是公司里好多layui 制作的工具网站，有点审美疲劳。 既然要玩那就玩个好玩的嘛，然后我找到了 ZUI ，也非常好看，就它了。 后端 我喜欢pyt...
ZUI易入门前端 一、开发环境的搭建(HBuilder)
轻描时光
05-27 628
一、开发环境的搭建 Chrome下载地址：在网上搜“Chrome”即可。 HBuilder下载地址：http://www.dcloud.io/注意不要下载HBuilderX。 不需要安装，直接解压到硬盘即可，运行HBuilder.exe（最好以管理员权限运行） 愿意注册就注册然后登录，不愿意注册，直接点【暂不登录】也可以。 HBuilder中新建普通Html项目的方法，主菜单【文件】→【新建】→【Web项目】。 生成的默认项目中包含一个网页index.html和一些文件夹，还可以创建更多
Flask+ZUI 开发小型工具网站（四）——ZUI 前端主页面 tabs
兰兰的博客
10-24 1001
前言 我又回来辣 虽然并没有人在等我。 做的并不好看。。。。还有一些功能有bug，但是有点没动力了，画个阶段激励一下自己 效果： 整体是这样的，index的首页放了一只皮卡丘，皮卡丘爱你哦~ 蓝后，这只是个板板，木有后台数据我也没加主页登录判定，连左边的面板都是写死的没有用json动态导入呜呜呜。。我好菜啊，回来再改吧。 结构 康康目录： 主页用到的就是这三个文件，其它的...
zui.min.js
05-10
左右信息可互相拖拽，通过拖拽实现资源位置的改变。给元素增加“disable-drop”class，可定义当前元素不可拖拽
pyhton通用可视化展示系统模板-基于Flask+Echarts开发可视化大屏数据展示项目
06-23
pyhton通用可视化展示系统模板——基于Flask+Echarts开发可视化大屏数据展示项目 使用技术 div + css 布局 flex 布局 Less 原生js + jquery 使用 rem适配 echarts基础 flask路由、utilts实时更新数据 pyhton通用...
Flask+ZUI 开发小型工具网站（三）——登录功能
兰兰的博客
10-17 361
前言 一堆bug，一路坎坷，终于弄好了。。。 我不打算弄注册，反正只有我自己用啊哈哈哈哈，用户的数据库都没弄 后端flask 项目结构 先看一下项目结构： 酱婶儿的 usercontroller 只有一个用户登录，先贴代码： from flask import Blueprint,request from flask_cors import CORS #引入core里的if...
zui框架配合position实现css布局
weixin_34384681的博客
07-29 705
2019独角兽企业重金招聘Python工程师标准>>> ...
ZUI 前端框架基础
u014330950的博客
06-01 7304
1.zui UI安装 官网下载包，然后放到一个简单的目录里，然后 运行cmd 到你的那个目录 执行npm config set registry https:\\registry.npm,taobao.org 执行 npm install 执行 npm start 2.helloworld Hello world!
ZUI 前端框架 1.9.0 发布，新增加载指示器
weixin_33785972的博客
03-05 420
ZUI框架是一款开源的HTML5跨屏框架，是禅道项目管理软件团队在完善自己产品过程中形成的一个开源前端实践方案。一个基于 Bootstrap 深度定制开源前端实践方案，能帮助你快速构建现...
zui：ZUI是HTML5前端UI框架
02-28
文档语言：｜ 一个基于Bootstrap的深度定制开源前端实践方案，帮助您快速构建现代跨屏应用。 从官方网站了解更多： : 。 :gem_stone:为移动端设计，基于Flex的UI框架： 。 官方QQ群：2群：127535859，1群：384135104（满员）项目和计划： 特色 简单易用，快速重建美观的现代Web应用； 轻量级高性能，只包含关键功能特性，但总体上高可扩展性，只让你的应用转化； 跨平台支持，多屏幕响应；允许的利用现代浏览器特性，但也支持IE8等古老的浏览器； 完整方案，内置大量实用第三方组件，并进行了优化，适用大部分Web应用的开发； 易于定制，有多个版本供选择，主要版本包含大部分特性，另外的内容按需加载。 快速使用 详细使用说明访问 。 NPM npm install zui 凉亭 bower install zui CDN 由提供： <!-- ZUI 标准版压缩后的 C
ZUI前端html5框架 v1.9.1
10-22
ZUI正式发布1.3版本。全新的文档网站来了！键盘侠新福利：使用搜索来查找内容，并支持快捷键操作。新增图表视图组件，支持对饼图、柱状图和曲线图的展示。另外微调了默认配色，对多个组件UI细节进行了优化，修复了bug。ZUI论坛也开张了，欢迎大家在论坛发帖讨论。ZUI是易软天创团队在完善自己产品（禅道、蝉知、然之）过程中形成的一个开源前端HTML5 UI实践方案，帮助你快速构现代跨屏应用。更新明细1、全新的文档网站，支持搜索和快捷键，按需使用Ajax获取文档内容，支持直接显示markdown格式的文档内容，多个组件的文档进行了完善2、新增了一组深色背景的消息框样式3、新增图标组件（基于ChartJS定制），支持展示曲线图、条状图和饼图，并且饼图支持直接显示数据标签，简化了该组件配色，为所有图表类型的数据集都增加了color属性，可以直接使用ZUI中的配色名称或者CSS颜色值来指定配色4、新增了一个辅助使用配色的javascript插件，方便在javascript使用ZUI的默认配色5、新增了缩放效果的动画辅助类6、更改了多个组件在就jQuery对象和window对象上的绑定，现在提供$.z
css前端框架zui
06-29
ZUI是禅道项目管理软件团队在完善自己产品过程中形成的一个开源前端实践方案，帮助你快速构现代跨屏应用
前端html5框架ZUI1.2版
11-18
前端html5框架ZUI发布1.2正式版本了！ 此版本增加了很多新特性，同时修复问题，文档也得到大幅完善。 欢迎大家使用并反馈问题， 更新明细： 1、新增日历视图组件，方便实现日程的展示 2、新增数据表格视图组件，更轻松实现复杂数据的展示，移除table.data.js 3、重新实现的模态框触发器，模态框触发器同时支持加载远程内容和实时内容，实时根据自身内容调整位置和尺寸，重新设计了调用接口，使用更加方便，消除了模态框触发器于一般模态框发生冲突的隐患 4、package.json增加组件及其依赖关系的配置，重新实现了Grunt任务，编译单独组件更加方便，并支持任意组件集合的打包编译，grunt任务将自动管理组件之间的依赖关系 5、大幅更新文档部分章节内容，并对文档整理样式进行了调整，在文档中可以查看每个组件属性，并给出第三方组件版本及用户支持信息，文档支持IE8，优化文档在小屏幕上的表现 6、重新实现了漂浮消息组件，调用更方便，更好的动画效果 7、新增新的第三方组件chartjs，能够绘制简单图表 8、增加browser.js，为IE系列的浏览器增加版本提示辅助类 9、新增 'store.js'，实现本地存储通用接口，并增加单独页面范围的独立存储机制，beta版本中的页面标识有时不正确的bug已得到修复 10、新增 'jquery.extensions.js'，增加一些实用的jQuery扩展方法，便于进行其他组件的开发，移除原'unities.js' 11、增加array.js，提供一些操作数组的实用方法 12、调整了dist目录结构，第三方组件和适合单独调用的组件将直接包含在lib目录中 13、Chosen选项及分组支持title属性，Chosen弹出列表支持自定义宽度，调整多选Chosen中选项的样式 14、修复Chosen中特定情况下placeholder无法显示的问题 15、日期时间选择器将能够自动从html标签中获取页面语言设置并应用语言设置 16、调整左侧固定导航样式 17、在date.js中增加一些实用方法来帮助进行日期计算 18、模态框支持额外的两种默认尺寸，修复某些时候模态框弹出时滚动条闪动的问题 19、修复代码段第一行出现错位的样式问题 20、一些组件的额外组成部分其对应的文件被重新命名 21、修复特定情况下kindeditor图标无法显示的问题 22、优化区块面板视图动作按钮事件监听机制 23、修复color.js中增加命名颜色支持 26、弹出框增加新的选项能够制定JS生成DOM的id属性，便于自定义样式 27、大幅优化代码，修复一些在Javascript代码中的错误，完善关键代码注释，增强部分代码文件与requierejs的兼容性
web前端ui框架zUI插件.zip
最新发布
10-08
非常实用的特效代码，可以完美运行，可以二次修改！
ZUI框架加上Flex布局构建登录后的主页
曾小超的博客
03-26 616
LayUI框架虽然已经帮我们写好了主页布局，但是LayUI框架的插件较少，不足以我们使用，所以这个主页需要自己来写。 要注意的是，不能使用浮动布局，因为浮动布局比较麻烦，还要用JS来动态计算宽高，不够方便。 所以，我们采用Flex布局。 效果图： 页面分为三个部分： 头部为导航条，左边为菜单，右边为iframe，我们只要往这三个部分填充用Z...
css冲突解决方案
abcwanglinyong的博客
02-28 2475
首先将冲突的css文件加上前缀，比如zui.css文件和其他css类库冲突了，那么就在zui.css源码上用.xxzui{}包裹起来，如图： 然后将其保存为.scss后缀的文件 1.全局安装gulp 默认已经安装了node环境，如果没有的话请自行安装 npm install gulp -g 2.创建package.json文件 在自定义目录下执行 npm init ...
ZUI易入门前端 二、CSS
轻描时光
06-24 393
CSS级联样式表 ，是一种计算机语言，用来控制HTML内容的显示效果。 CSS预先定义了众多的和显示效果有关的样式属性，比如color、font-size等。如果希望html内容显示某个效果，就应用对应的CSS样式属性即可，CSS语言的基本单位是样式声明：propertyName : value ; 多个属性键值对之间用分号分隔开。 CSS语言的使用方式： 1 把CSS样式声明作为HTML标签的style属性值 2 使用CSS选择器 （一）尺寸单位 可以设置元素的尺寸来改变它的大...
学会使用这两个在线网站，你还怕你的技术提不上来吗！
教程大咖的CSDN创作中心
08-09 247
免费开源HTML5跨屏框架 链接：http://zui.sexy/ 「ZUI」是一个基于 Bootstrap 深度定制开源前端实践方案，帮助你快速构建现代跨屏应用，专门为移动端设计，基于 Flex 设计，支持移动端全部主流浏览器，支持 Android 微信内置浏览器。独立的外观选项，适合大部分控件，满足多样的外观定制需求。 「ZUI」功能特色： 1、简单易用，快速构建美观的现代...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值