首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
bootstrap
伊潄枫
创建于2021-12-13
订阅专栏
盒子模型
暂无订阅
共10篇文章
创建于2021-12-13
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
安装包
项目初始化 npm init npm init -y 安装项目依赖(包) npm install npm install 包名 --save npm install 包名 -g npm install
网站首页Bootstrap 面板(Panels)
引入css文件: 内容: 最后引入js文件: 代码效果: 使用 .panel-heading class 可以很简单地向面板添加标题容器。 使用带有 .panel-title class 的来添加
获取 Apache ECharts
引入获取 Apache ECharts 在刚才保存 echarts.js 的目录新建一个 index.html 文件,内容如下: 绘制一个简单的图表 准备一个定义了高宽的 DOM 容器 通过 echa
bootstrap模态框(添加、修改)
动态路由(后台): 注: url后面+“:” 动态绑定id ; findOne查询单个数据 拟态框添加(post): 拟态框需要引用文件 html部分: 效果: 添加验证(升级版添加): 引用文件:
数据的删除和添加
添加框: 删除和添加代码: 点击后执行的代码: 删除效果: 实现点击复选框可以同时删除多个数据 添加效果: 实现点击加号输入内容后点击确定,添加的内容显示在页面的表格中 添加内容后的表格:
table(表格)+异步调用(查询)
引用bootstrap-table的js和css js代码: // url:"" , // 数据源 pagination:true, //启用分页 pageSize:5, //分页大小 // page
前后端的增删改
删除和请求: 请求路径: bootstrap样式: 注解(删除、添加、查询、修改都是使用ajax的方法进行对数据库(后端)的修改) 添加代码: 原生(form提交):
异步调用
app: tag.html: 数据存在于http://localhost:3000/tag 异步调用: tag.html页面: 异步调用效果:
bootstrap页面
class: 页面导航: 移动端导航: container-fluid 大屏 col-md-10 col-md-offset-1 栅栏布局 text-center 文字居中 center-block
bootstrap
弹窗: 效果: sass: 1、在visual中扩展scss文件 2、新建文件夹在建立scss文件 `body { background-color: #eee; 嵌套的css: