Flask+ZUI 开发小型工具网站(二)——ZUI
仔细想想我都没学过前端和JavaScript哪来这么大信心orz。。。
2019-10-15
ZUI
ZUI官网:http://www.zui.sexy/#/
我喜欢这个团队!!!!!!超有趣!!!
哈哈哈哈哈哈哈哈哈哈你看他们的官网源码!!!ZUI is sexy!!!诶嘿嘿~
下载ZUI
下载之前可以先更换主题颜色,ZUI的默认主题是这个很好看的蓝:
在主页点击主题可以进行编码:
在这里编写CSS可以设置你喜欢的主题颜色和按钮的半角弧度,可以在这里设置好之后再进行编译配置。好棒啊这个东西
使用ZUI
解压下来的包丢到项目里的static文件夹下
然后
建立html文件,引入依赖:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>index</title><!-- ZUI 标准版压缩后的 CSS 文件 --><link rel="stylesheet" href="../static/css/zui.min.css">
</head>
<body><!-- ZUI Javascript 依赖 jQuery -->
<script src="../static/lib/jquery/jquery.js"></script>
<!-- ZUI 标准版压缩后的 JavaScript 文件 -->
<script src="../static/js/zui.min.js"></script></body>
</html>
然后就可以开始写页面辣!!!!
以上
Flask+ZUI 开发小型工具网站(二)——ZUI相关推荐
- Flask+ZUI 开发小型工具网站(三)——登录功能
前言 一堆bug,一路坎坷,终于弄好了... 我不打算弄注册,反正只有我自己用啊哈哈哈哈,用户的数据库都没弄 后端flask 项目结构 先看一下项目结构: 酱婶儿的 usercontroller 只有 ...
- Mac开发必备工具(二)—— iTerm 2
iTerm 2 简介 iTerm 2 is a terminal emulator for Mac OS X that does amazing things. iTerm 2 有很多能够提升效率的实 ...
- php开发小型商务网站,基于PHP的校园小型商务网站设计──校园服务平台-论文...
基于PHP的校园小型商务网站设计──校园服务平台-论文 基于PHP的校园小型商务网站设计校园服务平台摘 要校园服务平台是基于PHP建立的校园小型商务网站.前台主要运用了html.css.Javascr ...
- IOS开发常用工具网站地址
IOS工具网站 http://www.scoop.it/t/ios-dev ios 工具推荐网站 http://blog.devtang.com/blog/2012/12/02/use-cocoa ...
- IOS开发常用工具网站
证书管理 iOS 开发者中心 https://developer.apple.com/devcenter/ios ...
- flask python web开发 可视化开发_Python + Flask 项目开发实践系列六
今天开始我们讲讲Flask Web实践项目开发中的查看详情功能是如何实现的. Step1:html 部分 lists +="<tr>"+ //拼凑一段html片段 &q ...
- python web开发项目 源码_Python + Flask 项目开发实践系列七
对于 Python + Flask 这种灵活的web开发框架,在前面的六个系列文章中详细的进行了说明,主要讲到了页面的首页加载时的页面渲染,增加功能,删除功能,修改功能,查询功能,查询详情功能等一些页 ...
- 程序员常用的工具网站
程序员常用的工具网站 免费书籍 数据库 在线制作流程图 java开发常用工具网站 程序开发导航 面试常看的网站 在线编程 系统设计 springboot学习参考网站 云服务器 LINUX命令学习 免费 ...
- Mac开发必备工具(一)—— Homebrew
Homebrew 简介 macOS 缺失的软件包管理器.使用 Homebrew 安装 Apple 没有预装但 你需要的东西.官网有中文说明. 安装与配置 Homebrew 的安装非常简单,将下面这条命 ...
- PHP开发一个小型商务网站
文章目录 前言 开发步骤 一.创建数据库 二.设置网页链接导航: 三.登录功能: 四.产品一览 五.产品添加 六.产品删除 前言 这里以"开发一个小型的鞋子销售网站"为例,主要步骤 ...
最新文章
- MQTT连接阿里云IoT(四)
- 不小心删除了某个包的一部分,重新安装方法
- linux spinlock mutex semaphore
- 22543!Windows 11 新预览版发布
- Ubuntu安装桌面环境
- 浏览器播放rtsp视频流方案(ffmpeg + nginx转m3u8)
- 第八章 ---- 枚举注解
- 基于stm32单片机外文文献_单片机STM32外文文献翻译、中英文翻译
- Fedora14 root用户登陆
- 有一个测试微信删除软件叫wool,如果出现这三种情况,便可以删除这些微信好友,此操作适用所有人...
- 平安智盈人寿保险计算
- 误码率matlab,关于误码率的问题 急!!!!!
- class_view_decorate
- 计算机快捷键英语,计算机快捷键(国外英语资料).doc
- html 浮动后居中,css如何让浮动元素水平居中
- 根据印刷行业的特点,整理出MES管理系统解决方案
- android app开发_如何雇用Android App开发人员
- linux添加删除虚拟ip,Linux增加/删除虚拟ip
- carla学习笔记(五)
- 大数据实战之hadoop生态概况和官网文档解读
热门文章
- 元宇宙PlatoFarm万众瞩目,同时登录HUOBI等全球四大平台
- 魅族pro5 刷机 android,魅族 PRO5中文Recovery刷机教程
- 关于microsoft html help workshop的一些草蛋问题
- java.io.IOException: Unable to establish loopback connection
- 【转】武大张卢腾448分考研真实经历
- atom平台 android ia,ZTE Grand X IN:搭载Atom平台的Android机
- Unity项目优化——Web版
- USB协议详解第23讲(USB包-握手包及其工作方式)
- dnf超时空漩涡副本路线流程图_dnf怎么打超时空漩涡 dnf超时空漩涡打法攻略
- 如何使用安卓+qq邮箱+腾讯企业邮箱发送邮件