使用bootstrap制作CRM管理系统

最新推荐文章于 2024-04-22 22:28:40 发布
最新推荐文章于 2024-04-22 22:28:40 发布
阅读量336 收藏 1
点赞数 1
文章标签： bootstrap javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45428087/article/details/127754825
版权

一.项目准备工作

1.添加依赖

bootstrap依赖、jQuery依赖、vue的依赖

2.准备项目中用到的图片

二.前端开发

1.登录页面开发

创建login.html，并导入依赖（bootstrap、vue）

<head>
<!--    导入bootstrap依赖-->
    <link type="text/css" rel="stylesheet" href="assets/bootstrap-3.3.7-dist/css/bootstrap.min.css"/>
    <script src="assets/jquery-3.5.1/jquery-3.5.1.min.js"></script>
    <script src="assets/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<!--    导入vue依赖-->
    <script src="assets/vue.min-v2.5.16.js"></script>
    <script src="assets/axios.min.js"></script>
    <meta charset="UTF-8">
    <title>登录</title>
</head>

使用bootstap布局页面

<body>
<div class="container" id="app">
    <div class="row" style="margin-top: 120px;">
        <div class="col-md-6 col-md-offset-3" style="height: 310px;border: 1px solid black;">
            <div class="row" style="height: 310px;">
                <div class="col-md-5" style="height:310px;background-color:rgb(43,136,223);font-size:18px;color: white;font-weight: bold;text-align: center;line-height: 310px;">
                    蜗牛crm管理系统
                </div>
                <div class="col-md-7">
                    <div class="row" style="padding: 30px 0px 30px 0px;">
                        <div class="col-md-12" style="text-align: center;font-size: 18px;font-weight: bold">
                            登录
                        </div>
                    </div>
                        <div class="row" style="height:60px ;margin-bottom: 20px">
                            <div class="col-md-8 col-md-offset-2">
                              <label>用户名</label>
                                <input type="text" class="form-control" v-model="userName"/>
                            </div>
                        </div>
                        <div class="row" style="height:60px ;margin-bottom: 20px">
                            <div class="col-md-8 col-md-offset-2">
                                <label>密码</label>
                                <input type="password" class="form-control" v-model="passwd"/>
                            </div>
                        </div>
                        <div class="row" style="height: 60px;margin-bottom: 20px">
                            <div class="col-md-8 col-md-offset-2" style="text-align: center">
                                <button class="btn btn-primary" style="margin-right: 8px" @click="doLogin">登录</button>
                                <button class="btn btn-default" @click="doReset">重置</button>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>

运行后的效果

使用Vue实现登录/重置功能

<script >
    new Vue({
        el:'#app',//将id为app的div管理权交给Vue
        data:{//需要绑定的数据
            userName:null,//用户名
            passwd:null//密码
        },
        methods:{//所有声明的函数
            doLogin(){//点击登录按钮执行
                //通过this. 可以获取data中的数据
             if (this.userName== 'admin'&& this.passwd=='123'){
                window.location.href='index.html';//跳转到主页index.html
             } else{//登录失败
                 alert("用户名或密码错误");//弹窗警告
             }
            },
            doReset(){
                this.userName=null;
                this.passwd=null;
            }
        },
        created:function () {//页面加载完成后执行

        }
    });
</script>

2.首页开发

创建index.html，并导入依赖（bootstrap、vue),

<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link type="text/css" rel="stylesheet" href="assets/bootstrap-3.3.7-dist/css/bootstrap.min.css"/>
    <script src="assets/jquery-3.5.1/jquery-3.5.1.min.js"></script>
    <script src="assets/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <!--    导入vue依赖-->
    <script src="assets/vue.min-v2.5.16.js"></script>
    <script src="assets/axios.min.js"></script>
    <style>
        a:link{font-size: 20px;color:rgb(109,109,109);}
        a:visited{font-size:20px;color:rgb(109,109,109);}
        a:hover{font-size:20px;color: white;text-decoration:none;}
    </style>
</head>
```注意:同时给所有超链接布局样式
使用bootstap布局页面

```java
 <div class="container" id="app">
        <div class="row">
            <div class="col-md-3" style="background-color: rgb(0,21,41);;height:602px;">
               <div class="row">
                   <div class="col-md-12" style="background-color:rgb(0,40,77);text-align: center;height: 70px;line-height:70px;font-size:20px;color:white;font-weight: bold">
                       <img src="assets/img/logo.png" style="width: 30px;height:30px;margin-right: 8px"/>
                       蜗牛crm管理系统
                   </div>
               </div>
                <div class="row">
                    <div class="col-md-12" style="text-align: center;padding: 20px 0px 20px 0px">
                        <a href="index.html">进入首页</a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12" style="text-align: center;padding: 20px 0px 20px 0px">
                        <a href="user_list.html">用户管理</a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12" style="text-align: center;padding: 20px 0px 20px 0px">
                        <a href="re.html">添加用户</a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12" style="text-align: center;padding: 20px 0px 20px 0px">
                        <a href="#">添加客户</a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12" style="text-align: center;padding: 20px 0px 20px 0px">
                        <a href="update.html">修改密码</a>
                    </div>
                </div>
                <div class="row">
                <div class="col-md-12" style="text-align: center;padding: 20px 0px 20px 0px">
                    <a href="lg.html">退出登录</a>
                </div>
            </div>
            </div>
            <!--显示内容-->
            <div class="col-md-9" style="border:1px solid gray;">
                <div class="row">
            <!--显示提示位置-->
                    <div class="col-md-12" style="height: 70px;font-size: 18px;color: rgb(109,109,109);font-weight:bold;padding-left:20px">
                        >&nbsp;&nbsp;首页
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12" style="background-color:rgb(240,242,245);height: 530px;padding: 20px">
                        <img src="assets/img/index.png" style="height:480px;" class="img-responsive center-block"/>
                    </div>
                </div>
            </div>
        </div>

    </div>

运行后的效果
在这里插入图片描述## 3.添加用户页面开发
创建user_add.html，，并导入依赖（bootstrap、vue）

<head>
    <!--    导入bootstrap依赖-->
    <link type="text/css" rel="stylesheet" href="assets/bootstrap-3.3.7-dist/css/bootstrap.min.css"/>
    <script src="assets/jquery-3.5.1/jquery-3.5.1.min.js"></script>
    <script src="assets/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <!--    导入vue依赖-->
    <script src="assets/vue.min-v2.5.16.js"></script>
    <script src="assets/axios.min.js"></script>
    <style>

        a:link{font-size: 20px;color:rgb(109,109,109);}
        a:visited{font-size:20px;color:rgb(109,109,109);}
        a:hover{font-size:20px;color: white;text-decoration:none;}
    </style>
    <meta charset="UTF-8">
    <title>添加用户</title>
</head>

使用bootstap布局页面

<div class="container" id="app">
    <div class="row">
        <div class="col-md-3" style="background-color: rgb(0,21,41);;height:602px;">
            <div class="row">
                <div class="col-md-12" style="background-color:rgb(0,40,77);text-align: center;height: 70px;line-height:70px;font-size:20px;color:white;font-weight: bold">
                    <img src="assets/img/logo.png" style="width: 30px;height:30px;margin-right: 8px"/>
                    蜗牛crm管理系统
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" style="text-align: center;padding: 20px 0px 20px 0px">
                    <a href="index.html">进入首页</a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" style="text-align: center;padding: 20px 0px 20px 0px">
                    <a href="user_list.html">用户管理</a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" style="text-align: center;padding: 20px 0px 20px 0px">
                    <a href="re.html">添加用户</a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" style="text-align: center;padding: 20px 0px 20px 0px">
                    <a href="#">添加客户</a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" style="text-align: center;padding: 20px 0px 20px 0px">
                    <a href="update.html">修改密码</a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" style="text-align: center;padding: 20px 0px 20px 0px">
                    <a href="lg.html">退出登录</a>
                </div>
            </div>
        </div>
        <!--显示内容-->
        <div class="col-md-9" style="border:1px solid gray;height:602px">
            <div class="row">
                <!--显示提示位置-->
                <div class="col-md-12" style="height: 70px;font-size: 18px;color: rgb(109,109,109);font-weight:bold;padding-left:20px">
                    >&nbsp;&nbsp;&nbsp;&nbsp;添加用户
                </div>
            </div>
            <div class="row" style="background-color:rgb(240,242,245);height: 500px;padding:20px;">
                <div class="col-md-12" style="background-color:white;height: 500px;border: none;border-radius: 5px">
                    <div class="row">
                        <div class="col-md-4 col-md-offset-4" style="margin-top: 20px">
                            <label>用户名</label>
                            <input type="text" class="form-control"/>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 col-md-offset-4" style="margin-top: 20px">
                            <label>昵称</label>
                            <input type="text" class="form-control"/>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 col-md-offset-4" style="margin-top: 20px">
                            <label>手机号</label>
                            <input type="text" class="form-control"/>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 col-md-offset-4" style="margin-top: 20px">
                            <label>生日</label>
                            <input type="text" class="form-control"/>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 col-md-offset-4" style="margin-top: 20px">
                            <label style="margin-right: 15px">性别</label>
                            <ladel class="radio-inline">
                                <input type="radio" name="sex"/>男
                            </ladel>
                            <ladel class="radio-inline">
                                <input type="radio" name="sex"/>女
                            </ladel>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 col-md-offset-4" style="margin-top: 20px;text-align: center">
                            <button class="btn btn-primary" style="margin-right:8px">添加</button>
                            <button class="btn btn-default">重置</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

运行后的效果
在这里插入图片描述 ## 4.用户管理页面效果
创建user_list.html，并导入依赖（bootstrap、vue）

<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link type="text/css" rel="stylesheet" href="assets/bootstrap-3.3.7-dist/css/bootstrap.min.css"/>
    <script src="assets/jquery-3.5.1/jquery-3.5.1.min.js"></script>
    <script src="assets/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <!--    导入vue依赖-->
    <script src="assets/vue.min-v2.5.16.js"></script>
    <script src="assets/axios.min.js"></script>
    <style>
        td{
          vertical-align: middle!important;
        }
        a:link{font-size: 20px;color:rgb(109,109,109);}
        a:visited{font-size:20px;color:rgb(109,109,109);}
        a:hover{font-size:20px;color: white;text-decoration:none;}
    </style>
</head>

使用bootstap布局页面

<div class="container" id="app">
    <div class="row">
        <div class="col-md-3" style="background-color: rgb(0,21,41);;height:602px;">
            <div class="row">
                <div class="col-md-12" style="background-color:rgb(0,40,77);text-align: center;height: 70px;line-height:70px;font-size:20px;color:white;font-weight: bold">
                    <img src="assets/img/logo.png" style="width: 30px;height:30px;margin-right: 8px"/>
                    蜗牛crm管理系统
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" style="text-align: center;padding: 20px 0px 20px 0px">
                    <a href="index.html">进入首页</a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" style="text-align: center;padding: 20px 0px 20px 0px">
                    <a href="user_list.html">用户管理</a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" style="text-align: center;padding: 20px 0px 20px 0px">
                    <a href="re.html">添加用户</a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" style="text-align: center;padding: 20px 0px 20px 0px">
                    <a href="#">添加客户</a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" style="text-align: center;padding: 20px 0px 20px 0px">
                    <a href="update.html">修改密码</a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" style="text-align: center;padding: 20px 0px 20px 0px">
                    <a href="lg.html">退出登录</a>
                </div>
            </div>
        </div>
        <!--显示内容-->
        <div class="col-md-9" style="border:1px solid gray;">
            <div class="row">
                <!--显示提示位置-->
                <div class="col-md-12" style="height: 70px;font-size: 18px;color: rgb(109,109,109);font-weight:bold;padding-left:20px">
                    >&nbsp;&nbsp;用户管理
                </div>
            </div>
            <div class="row" style="background-color:rgb(240,242,245);height: 500px;padding:20px;">
                <div class="col-md-12" style="background-color:white;height: 500px;border: none;border-radius: 5px">
                    <!--使用bootstrap表格斑马线样式-->
                    <table class="table table-striped" style="margin-top: 20px">
<!--                       表格描述-->
                        <caption>用户管理-用户列表</caption>
<!--                       表头-->
                        <thead>
                        <tr>
                            <th>ID</th>
                            <th>用户名</th>
                            <th>昵称</th>
                            <th>性别</th>
                            <th>生日</th>
                            <th>手机号</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>1001</td>
                            <td>法外狂徒</td>
                            <td>张三</td>
                            <td>男</td>
                            <td>2000-02-04</td>
                            <td>13334435352</td>
                            <td>
                                <button class="btn btn-link">修改</button>
                                <button class="btn btn-link">删除</button>
                            </td>
                        </tr>
                        </tbody>


                    </table>
                </div>
        </div>
    </div>

</div>

运行后的效果
在这里插入图片描述## 5.修改密码

创建user_list.html，并导入依赖（bootstrap、vue）

<head>
    <meta charset="UTF-8">
    <title>修改</title>
    <link type="text/css" rel="stylesheet" href="assets/bootstrap-3.3.7-dist/css/bootstrap.min.css"/>
    <script src="assets/jquery-3.5.1/jquery-3.5.1.min.js"></script>
    <script src="assets/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <!--    导入vue依赖-->
    <script src="assets/vue.min-v2.5.16.js"></script>
    <script src="assets/axios.min.js"></script>
    <style>
        a:link{font-size: 20px;color:rgb(109,109,109);}
        a:visited{font-size:20px;color:rgb(109,109,109);}
        a:hover{font-size:20px;color: white;text-decoration:none;}
    </style>
</head>

使用bootstap布局页面

<div class="container" id="app">
    <div class="row">
        <div class="col-md-3" style="background-color: rgb(0,21,41);;height:602px;">
            <div class="row">
                <div class="col-md-12" style="background-color:rgb(0,40,77);text-align: center;height: 70px;line-height:70px;font-size:20px;color:white;font-weight: bold">
                    <img src="assets/img/logo.png" style="width: 30px;height:30px;margin-right: 8px"/>
                    蜗牛crm管理系统
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" style="text-align: center;padding: 20px 0px 20px 0px">
                    <a href="index.html">进入首页</a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" style="text-align: center;padding: 20px 0px 20px 0px">
                    <a href="user_list.html">用户管理</a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" style="text-align: center;padding: 20px 0px 20px 0px">
                    <a href="re.html">添加用户</a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" style="text-align: center;padding: 20px 0px 20px 0px">
                    <a href="#">添加客户</a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" style="text-align: center;padding: 20px 0px 20px 0px">
                    <a href="update.html">修改密码</a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" style="text-align: center;padding: 20px 0px 20px 0px">
                    <a href="lg.html">退出登录</a>
                </div>
            </div>
        </div>
        <!--显示内容-->
        <div class="col-md-9" style="border:1px solid gray;">
            <div class="row">
                <!--显示提示位置-->
                <div class="col-md-12" style="height: 70px;font-size: 18px;color: rgb(109,109,109);font-weight:bold;padding-left:20px">
                    >&nbsp;&nbsp;修改
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" style="background-color:rgb(240,242,245);height: 530px;padding: 20px">
                    <div class="row">
                        <div class="col-md-4 col-md-offset-4" style="margin-top: 20px">
                            <label>当前密码</label>
                            <input type="password" class="form-control"/>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 col-md-offset-4" style="margin-top: 20px">
                            <label>修改密码为</label>
                            <input type="password" class="form-control"/>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 col-md-offset-4" style="margin-top: 20px">
                            <label>再次确认密码</label>
                            <input type="password" class="form-control"/>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 col-md-offset-4" style="margin-top: 20px;text-align: center">
                            <button class="btn btn-primary" style="margin-right:8px">修改</button>
                            <button class="btn btn-default">重置</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

运行后的效果
在这里插入图片描述

染叶已秋
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于Springboot +JPA+thymeleaf+MySQL+BootStrap的超市管理系统
TSKxxx的博客
07-05 334
超市管理系统是一个用于管理超市信息的应用程序。它基于Spring Boot、JPA和MySQL，并使用Thymeleaf和Bootstrap进行前端展示。该系统旨在实现超市的基本信息管理，包括超市名称、位置和联系方式等。学习超市管理程序的过程中，我总结了以下几点要点：理解需求：在开始学习之前，要仔细了解超市管理系统的需求和功能。明确需要实现的功能模块、数据结构、用户角色和权限等。
使用flask+bootstrap+python+mysql制作的简易库存管理系统.zip
01-21
客户关系管理系统（CRM）： 用于管理与客户之间的关系，包括客户信息、沟通记录、销售机会跟踪等。CRM系统有助于企业更好地理解客户需求，提高客户满意度和保留率。 医院管理系统： 用于管理医院或医疗机构的患者...
【前端素材】bootstrap实现的几种通用的后台管理系统（附带源码）
m0_46013789的博客
02-20 1495
应用型的后台管理系统是一种用于管理应用程序、网站或系统的后台界面，通常由开发人员或管理员使用。这类系统的主要功能是帮助管理者有效地监控、维护和控制应用程序的运行情况，同时提供必要的工具和功能来管理用户、数据、内容以及系统设置等方面。
bootstrap + django的简单后台管理系统
COOL66BOY的博客
04-14 7720
文章目录登录页面Form和MiddleForm的书写HTML代码：信息管理页面母版HTML代码管理员信息各种功能页面Ajax数据传输JS部分数据统计页面JS部分文件上传HTML部分代码Python代码部分media配置补充 使用的是django3.0版本，数据库使用的是mysql1.0版本的 项目所包含的文件如下图： 登录页面 需要实现功能： 1、用户输入的用户名，密码和验证码能在后台获取 2、将获取的数据进入到数据库查找 3、成功登录后，将用户存储一个cookie在浏览器的session里面 4
BootstrapAdmin Net7：基于RBAC的后台管理框架,实现精细化权限管理与多站点单点登录
最新发布
chenchuang0128的博客
04-22 1154
基于 RBAC 的 Net7 后台管理框架，权限管理，前后台分离，支持多站点单点登录，兼容所有主流浏览器，内置微信、支付宝、QQ等多种登录方式，内置多种样式，可切换至 Blazor 多 Tabs 模式，权限控制细化到网页内任意元素（按钮、表格、文本框等等）一直需要一款后台管理系统，但是网上很多开源项目都是 Java 开发的，本人是 NET 平台的对 Java 一窍不通，C#版本的本来就少而且还没有合适的。于是决定自己开发一套后台管理系统。
课程设计/毕设：Springboot+Bootstrap实现 图书馆选座管理系统（附源码）
weixin_44107140的博客
12-24 1114
本文介绍了一个基于B/S架构的图书馆座位管理系统的设计与实现。使用IDEA、MySQL和Java等工具和语言开发，包括用户登录、座位预约、违规记录管理等功能，同时管理员拥有用户管理权限。系统通过HTML、CSS、JS和BootStrap等前端技术实现友好界面，并提供了数据库设计与编程方法的实践机会。
SpringBoot+Bootstrap农业物资管理系统JavaI采购销售jsp源代码Mysql
wjwjwjd的博客
10-29 139
SpringBoot+Bootstrap农业物资管理系统JavaI采购销售jsp源代码Mysql
Azia-Admin-Bootstrap-Template：免费Bootstrap 4管理模板
02-03
非常适合构建管理面板，电子商务系统，项目管理系统，CMS或CRM。 尽管模板的设计与众不同，但可以轻松自定义以满足您的要求。 Azia Admin带有干净且注释良好的代码，可轻松使用模板。 因此，它是快速启动项目的理想...
（含实训报告）黑马boot客户管理系统（源码+数据库文件）.zip
06-24
【标题】：“黑马boot客户管理系统”是一个基于SSM框架与Bootstrap技术实现的客户关系管理系统的实践项目，包含源代码和数据库文件。 【描述】：该系统的核心开发采用SSM（Spring、SpringMVC、MyBatis）框架，这是...
旅游管理简历电子版
07-28
总的来说，一个精心制作的“旅游管理简历电子版”是你打开旅游行业大门的关键。它不仅展示你的专业技能，还展现了你的职业素养和个人品牌。用心打造这份简历，你将在竞争激烈的求职市场中脱颖而出。
.NET制作房地产信息管理系统
04-25
本文将详细介绍.NET制作房地产信息管理系统的关键技术和设计思路。 一、.NET框架基础 .NET是微软公司推出的一款开源开发平台，它提供了丰富的类库和工具，支持多种编程语言，如C#、VB.NET等，使得开发者能够快速...
bootstrap管理系统界面源码
04-28
bootstrap管理系统界面源码，包括登录、退出、错误页面都有
一套很酷的bootstrap后台管理系统静态页面
04-28
一套很酷的bootstrap后台管理系统静态页面
bootstrap代码总结
l10711097061的博客
03-23 939
bootstrap代码总结
bootstrap后台管理系统前后台实现(含数据库)
pengyufight的博客
07-01 3万+
撰写本文档目的是让后续开发者在理解该系统架构的基础上遵循一定规范保持系统架构的合理性；同时也能够达到允许没有开发经验仅有web基础的入门开发者能够通过复制粘贴的方式仿照demo示例进行开发的目的。 目 录 1 案例调研与选取... 2 1.1 案例调研... 2 1.2 UI选取... 3 2 系统实现... 3 2.1 实...
悟空CRM9.0（JAVA版）正式发布
chituo9855的博客
05-15 772
悟空CRM9.0（JAVA版） 悟空软件长期为企业提供企业管理软件(CRM/HRM/OA/ERP等)的研发、实施、营销、咨询、培训、服务于一体的信息化服务。悟空软件以高科技为起点，以技术为核心、以完善的售后服务为后盾，秉承稳固与发展、求实与创新的精神，已为国内外上千家企业提供服务。 悟空的发展...
【小河今学 | Bootstrap-v3】响应式后台管理系统网页制作【纯布局】（上）
LB_laber的博客
07-31 1873
Bootstrap-v3制作响应式后台管理系统网页，布局
使用bootstrap搭建后台管理系统页面《一》
热门推荐
空空说技术的博客
03-24 5万+
1. 使用bootstrap搭建后台管理系统页面《一》 一般的后台管理系统页面主体包括四个部分，顶部导航栏，左侧菜单栏，中间正文页和底部的页脚。 其中左侧和顶部使用的是bootstrap的导航和下拉菜单组件，主体页面为了演示方便，使用了iframe框架。 1.1 nav组件 接下...
5套bootstrap框架后台管理系统模板
云淡风轻、仅此一抹
08-25 1万+
原文：5套bootstrap框架后台管理系统模板 源代码下载地址：http://www.zuidaima.com/share/1834752334531584.htm
使用bootstrap搭建管理系统
04-28
使用 Bootstrap 搭建管理系统非常方便，以下是一个简单的步骤： 1. 下载 Bootstrap 首先，你需要从官方网站下载 Bootstrap。你可以下载最新版的 Bootstrap，也可以下载旧版的 Bootstrap。 2. 创建 HTML 文件 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值