HTML部分先把页面框架搭建起来
页面搭建好后,去到控制器写一个方法查询数据库中所需的样式信息。
当登录进去的时候用POST方法连接控制器查询并返回所需的样式,获取要配置样式的ID,用JQ中的方法attr对当前ID的行内添加style和data-content属性进行添加样式,最后用返回的数据判断加粗是否打勾,是则对相对应的ID添加样式。
获取页面经过修改的数据,用JQ的css 方法修改ID相对应的标签的样式。
获取被修改过的颜色,用JQ的css方法改变ID相对应的标签的背景颜色
设置还原按钮,点击按钮用POST的方法连接控制器查询并返回所需的样式,获取要配置样式的ID,用JQ中的方法attr对当前ID的行内添加style和data-content属性进行添加样式,最后用返回的数据判断加粗是否打勾,是则对相对应的ID添加样式。
点击保存按钮获取页面的数据用AJAX把数据传递到控制器。
控制器接收数据并对数据库进行修改,最后返回保存成功。
效果:
设置实时样式
最新推荐文章于 2024-07-14 03:00:16 发布