制作CRM管理系统01(HTML部分)

已于 2022-11-10 15:43:27 修改
阅读量1.2k 收藏 25
点赞数 5
分类专栏： CRM管理系统 文章标签： 开发语言 前端 bootstrap
于 2022-11-08 17:21:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/magic_818/article/details/127753684
版权

一、项目准备工作

1.1、添加依赖

boostrap依赖、jQuery依赖、vue的依赖 

1.2、项目中用到的图片资源

二、前端开发

2.1、登录页面开发

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <!--    导入Bootstrap依赖-->
    <link rel="stylesheet" href="asset/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <script src="asset/jquery-3.5.1/jquery-3.5.1.min.js"></script>
    <script src="asset/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <!--    导入vue依赖-->
    <script src="asset/vue.min-v2.5.16.js"></script>
    <script src="asset/axios.min.js"></script>
</head>
<body>
<div class="container" id="app">
    <!--  bootstrap行  <-->
    <div class="row">
        <!--        bootstrap 列.6个栅格的宽度-->
        <div class="col-md-6 col-md-offset-3" style="height: 310px;border: 1px solid black;margin-top: 80px; ">
            <!--    bootstrap 行-->
            <div class="row">
                <!--            显示文章标题的div-->
                <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-->
                <div class="col-md-7">
                    <!--                div bootstrap 行-->
                    <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 bootstrap行-->
                    <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 bootstrap行-->
                    <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 bootstrap行-->
                    <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="reset">重置</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
</body>
<script>
    //创建Vue
    new Vue({
        el: '#app', //将id=app的管理权给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("用户名或者密码错误");//弹窗警告
                }
            },
            reset(){//点击重置按钮后执行
                    this.userName=null;
                    this.passwd=null;
            },
        },
        created: function () {//页面加载完成后执行

        }
    });
</script>
</html>
运行效果如下:

2.2、首页开发

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <!--    导入Bootstrap依赖-->
    <link rel="stylesheet" href="asset/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <script src="asset/jquery-3.5.1/jquery-3.5.1.min.js"></script>
    <script src="asset/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <!--    导入vue依赖-->
    <script src="asset/vue.min-v2.5.16.js"></script>
    <script src="asset/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);
        }
        /*鼠标悬浮链接上*/
        /*text-decoration: none;不显示下划线*/
        a:hover{
            font-size: 20px; color: white; text-decoration: none;
        }

    </style>
</head>
<body>
    <div class="container" id="app">
<!--        bootstrap行-->
        <div class="row">
<!--            显示导航-->
            <div class="col-md-3" style="background-color: rgb(0,21,41);height: 800px;">
<!--            bootstrap行-->
                <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="asset/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="user_add.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="#">添加客户</a>
                    </div>
                </div>
<!--                -->
                <div class="row">
                    <div class="col-md-12" style="text-align: center; padding:20px 0px 20px 0px; ">
                        <a href="changepassword.html">修改密码</a>
                    </div>
                </div>
<!--                -->
                <div class="row">
                    <div class="col-md-12" style="text-align: center; padding:20px 0px 20px 0px; ">
                        <a href="login.html">退出登录</a>
                    </div>
                </div>
            </div>
<!--            显示内容-->
            <div class="col-md-9" style="border: 1px solid gray; height: 800px;">
                <!--                显示提示位置-->
                <div class="row">
                <div class="col-md-12" style="height: 70px; color: rgb(109,109,109);font-size: 18px;line-height: 70px;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: 730px;padding: 20px;">
<!--                  img-responsive图片自适应, center-block强制居中-->
                    <img src="asset/img/index.png" class="img-responsive center-block">
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

运行效果:

2.3、添加用户页面开发 

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加用户</title>
    <!--    导入Bootstrap依赖-->
    <link rel="stylesheet" href="asset/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <script src="asset/jquery-3.5.1/jquery-3.5.1.min.js"></script>
    <script src="asset/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <!--    导入vue依赖-->
    <script src="asset/vue.min-v2.5.16.js"></script>
    <script src="asset/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);
        }

        /*鼠标悬浮链接上*/
        /*text-decoration: none;不显示下划线*/
        a:hover {
            font-size: 20px;
            color: white;
            text-decoration: none;
        }

    </style>
</head>
<body>
<div class="container" id="app">
    <!--        bootstrap行-->
    <div class="row">
        <!--            显示导航-->
        <div class="col-md-3" style="background-color: rgb(0,21,41);height: 800px;">
            <!--            bootstrap行-->
            <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="asset/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="user_add.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="#">添加客户</a>
                </div>
            </div>
            <!--                -->
            <div class="row">
                <div class="col-md-12" style="text-align: center; padding:20px 0px 20px 0px; ">
                    <a href="changepassword.html">修改密码</a>
                </div>
            </div>
            <!--                -->
            <div class="row">
                <div class="col-md-12" style="text-align: center; padding:20px 0px 20px 0px; ">
                    <a href="login.html">退出登录</a>
                </div>
            </div>
        </div>
        <!--            显示内容-->
        <div class="col-md-9" style="border: 1px solid gray; height: 800px;">
            <!--                显示提示位置-->
            <div class="row">
                <div class="col-md-12"
                     style="height: 70px; color: rgb(109,109,109);font-size: 18px;line-height: 70px;font-weight: bold;padding-left: 20px;">
                    >&nbsp;&nbsp;添加用户
                </div>
            </div>
            <div class="row" style="background-color: rgb(240,242,245);height: 730px;padding: 20px;">
                <!--                显示内容-->
                <div class="col-md-12" style="background-color: white;height: 730px;border:none;border-radius: 5px;">
                    <!--                  img-responsive图片自适应, center-block强制居中-->
                    <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="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 style="margin-right:15px;">性别</label>
                            <label class="radio-inline">
                                <input type="radio" name="sex"/>男
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="sex"/>女
                            </label>
                        </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>
</body>
</html>

 运行效果如下:

2.4用户管理页面效果 

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户管理</title>
    <!--    导入Bootstrap依赖-->
    <link rel="stylesheet" href="asset/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <script src="asset/jquery-3.5.1/jquery-3.5.1.min.js"></script>
    <script src="asset/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <!--    导入vue依赖-->
    <script src="asset/vue.min-v2.5.16.js"></script>
    <script src="asset/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);
        }

        /*鼠标悬浮链接上*/
        /*text-decoration: none;不显示下划线*/
        a:hover {
            font-size: 20px;
            color: white;
            text-decoration: none;
        }

    </style>
</head>
<body>
<div class="container" id="app">
    <!--        bootstrap行-->
    <div class="row">
        <!--            显示导航-->
        <div class="col-md-3" style="background-color: rgb(0,21,41);height: 800px;">
            <!--            bootstrap行-->
            <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="asset/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="user_add.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="#">添加客户</a>
                </div>
            </div>
            <!--                -->
            <div class="row">
                <div class="col-md-12" style="text-align: center; padding:20px 0px 20px 0px; ">
                    <a href="changepassword.html">修改密码</a>
                </div>
            </div>
            <!--                -->
            <div class="row">
                <div class="col-md-12" style="text-align: center; padding:20px 0px 20px 0px; ">
                    <a href="login.html">退出登录</a>
                </div>
            </div>
        </div>
        <!--            显示内容-->
        <div class="col-md-9" style="border: 1px solid gray; height: 800px;">
            <!--                显示提示位置-->
            <div class="row">
                <div class="col-md-12"
                     style="height: 70px; color: rgb(109,109,109);font-size: 18px;line-height: 70px;font-weight: bold;padding-left: 20px;">
                    >&nbsp;&nbsp;用户管理
                </div>
            </div>
            <div class="row" style="background-color: rgb(240,242,245);height: 730px;padding: 20px;">
                <!--                显示内容-->
                <div class="col-md-12" style="background-color: white;height: 730px;border:none;border-radius: 5px;">
                    <!--                    使用bootstrap表格斑马线样式-->
                    <table class="table table-striped" style="margin-top: 20px;">
                        <!--                        表格描述-->
                        <caption>用户管理-用户列表</caption>
                        <!--                        thead 表头-->
                        <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>133345677654</td>
                            <td>
                                <button class="btn btn-link">修改</button>
                                <button class="btn btn-link">删除</button>
                            </td>
                        </tr>
                        <tr>
                            <td>1001</td>
                            <td>奥利给</td>
                            <td>张三</td>
                            <td>男</td>
                            <td>2000-02-04</td>
                            <td>133345677654</td>
                            <td>
                                <button class="btn btn-link">修改</button>
                                <button class="btn btn-link">删除</button>
                            </td>
                        </tr>
                        <tr>
                            <td>1001</td>
                            <td>奥利给</td>
                            <td>张三</td>
                            <td>男</td>
                            <td>2000-02-04</td>
                            <td>133345677654</td>
                            <td>
                                <button class="btn btn-link">修改</button>
                                <button class="btn btn-link">删除</button>
                            </td>
                        </tr>
                        </tbody>


                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>

效果如下:

2.5 修改密码页面效果

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>修改密码</title>
    <!--    导入Bootstrap依赖-->
    <link rel="stylesheet" href="asset/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <script src="asset/jquery-3.5.1/jquery-3.5.1.min.js"></script>
    <script src="asset/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <!--    导入vue依赖-->
    <script src="asset/vue.min-v2.5.16.js"></script>
    <script src="asset/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);
        }

        /*鼠标悬浮链接上*/
        /*text-decoration: none;不显示下划线*/
        a:hover {
            font-size: 20px;
            color: white;
            text-decoration: none;
        }

    </style>
</head>
<body>
<div class="container" id="app">
    <!--        bootstrap行-->
    <div class="row">
        <!--            显示导航-->
        <div class="col-md-3" style="background-color: rgb(0,21,41);height: 800px;">
            <!--            bootstrap行-->
            <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="asset/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="user_add.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="#">添加客户</a>
                </div>
            </div>
            <!--                -->
            <div class="row">
                <div class="col-md-12" style="text-align: center; padding:20px 0px 20px 0px; ">
                    <a href="changepassword.html">修改密码</a>
                </div>
            </div>
            <!--                -->
            <div class="row">
                <div class="col-md-12" style="text-align: center; padding:20px 0px 20px 0px; ">
                    <a href="login.html">退出登录</a>
                </div>
            </div>
        </div>
        <!--            显示内容-->
        <div class="col-md-9" style="border: 1px solid gray; height: 800px;">
            <!--                显示提示位置-->
            <div class="row">
                <div class="col-md-12"
                     style="height: 70px; color: rgb(109,109,109);font-size: 18px;line-height: 70px;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: 730px;padding: 20px;">
                    <!--                  img-responsive图片自适应, center-block强制居中-->
                    <div class="col-md-12"
                         style="background-color: white;height: 730px;border:none;border-radius: 5px;">
                        <!--                  img-responsive图片自适应, center-block强制居中-->
                        <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>
</div>
</body>
</html>

效果图如下:

未完待续...

朵朵宝
关注
  • 5
    点赞
  • 踩
  • 25
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用bootstrap制作CRM管理系统(上)
jiangnans_的博客
11-08 161
boostrap依赖、jQuery依赖、vue的依赖。
python写一个crm系统_用Python打造一个CRM系统(四)
weixin_42123191的博客
01-29 905
在上一篇中在本地进行初始化，并让项目顺利运行。在本篇中将实现一个线索管理模块，支持线索的增删改查。新建线索应用模块进入项目目录，使用django命令创建线索应用模块，命令如下：$ python manage.py startapp leads执行成功后将会看到新增了一个目录，结构如下：leads├── __init__.py├── admin.py├── apps.py├── migrations...
使用DIV+CSS技术设计的非遗文化网页与实现制作（web前端网页制作课作业）
wx___BJ050106的博客
12-12 96
💗 非遗文化网页设计 、等网站的设计与制作。🏷️HTML非遗文化网页设计，采用DIV+CSS布局，共有多个页面，排版整洁，内容丰富，主题鲜明，首页使用CSS排版比较丰富，色彩鲜明有活力，导航与正文字体分别设置不同字号大小。导航区域设置了背景图。子页面有纯文字页面和图文并茂页面。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序...
crm html模板一套
07-06
前端html页面，纯模板，无后台，适合自己练习开发使用，很完整
HTML+CSS+JS用户管理（可储存用户数据）
最新发布
w11111xxxl的博客
07-16 508
使用cookies记录账号密码信息，可以注册、登录、注销账号。
CRM后台管理系统：HTML+CSS+JavaScript制作企业网站后台管理系统模板网站(46个页面)
七夕情人节表白网页代码100款 HTML5网页设计与制作1120款 Echarts大屏数据150款
07-26 7154
CRM后台管理系统：HTML+CSS+JavaScript制作企业网站后台管理系统模板网站(46个页面) 一款使用Bootstrap构建，多个主页版本的企业网站后台管理系统，咨询管理，数据统计后台管理ui框架模板下载。包含多个ui工具包，带企业管理系统ui组件等。支持响应式布局，兼容手机端和pc自适应展示效果。 作品介绍 1.网页作品简介方面 ：企业网站后台管理系统模板网站 ,喜欢的可以下载，文章页支持手机PC响应式布局。一直秉承“不求多炫，实用为主！”的宗旨,为广大工程师提供最实用，最易用的前端代码。 2
crm系统html模板
03-24
前端html页面，纯模板，无后台。
crm html模版
01-02
crm html 好看的页面，适合学习js ， 也可以自己来开发一个crm网站
各种好看的管理系统界面html源码
10-29
里面有10余种管理系统登录及其管理主界面，样式好看，可以根据自己的需要进行改写或直接取用。
JavaEE +SSH框架+mysql数据库 CRM客户关系管理系统项目地址.docx
02-21
【JavaEE + SSH框架 + MySQL数据库 CRM客户关系管理系统】 CRM（Customer Relationship Management）客户关系管理系统是一种用于企业管理和优化与客户关系的软件应用。在JavaEE平台上，结合SSH（Struts2、Spring、...
dreamweaver制作的客户关系管理系统
08-21
【标题】：“Dreamweaver制作的客户关系管理系统” 在IT领域，客户关系管理（Customer Relationship Management，CRM）系统是企业用来管理和优化与客户交互的重要工具。这个“Dreamweaver制作的客户关系管理系统”...
管理系统HTML
12-10
管理系统 HTML Javascript CSS 简洁漂亮
HTML5实现的日志管理系统
08-28
利用HTMl5的sessionStorage和localStorage实现日志的增删改查，并通过canvas绘制出每天的工时统计图。
简易的后台管理系统HTML静态页面
07-02
简易的后台管理系统HTML静态页面，内有基本的文章/图片的增删改查样式!!!!
管理系统HTML模板
08-20
蓝色的后台管理系统，适合web初学者，超级的好用！！
HTML漂亮的信息系统管理界面
03-22
HTML漂亮的信息系统管理界面； HTML CSS JQuery 信息系统 漂亮界面 UI
使用bootstrap制作CRM管理系统
DDDDHai的博客
11-08 305
用bootstrap写CRM的一些方法
【HTML】HTML作业---管理系统界面
热门推荐
coding加油站
08-20 1万+
html作业，html大作业，资产管理系统，管理系统模版
管理平台html原代码,管理系统HTML
weixin_32821913的博客
06-09 1218
【实例简介】管理系统 HTML Javascript CSS 简洁漂亮【实例截图】【核心代码】uxs4zd└── 管理系统├── add.html├── calendar.html├── center.html├── css│ ├── dateIco.png│ ├── global.css│ ├── index.css│ ├── interface.css│ ├── lanr...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值