BBS项目day02、注册、登录(登录之随机验证码)、退出登录、密码加密加盐、首页(导航条、模态框，修改密码)

news2024/9/21 4:36:18

一、注册

1.注册之前端页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>

    <!--动态引入文件-->
    {% load static %}
    <script src="{% static 'js/jquery.min.js' %}"></script>
    <link href="{% static 'bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
    <script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>
    <script src="{% static 'layer/layer.js' %}"></script>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-image: url('https://pegasus.epweike.com/Public/uploads/introduce/55dc0c8c010df.jpg');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .container {
            background-color: rgba(255, 255, 255, 0.9);
            border-radius: 10px;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            padding: 20px;
            text-align: center;
            width: 100%;
            max-width: 600px;
        }
        h1 {
            margin-top: 0;
        }
        .form-group {
            margin-bottom: 20px;
        }
        label {
            display: block;
            font-weight: bold;
        }
        .form-control {
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }
        .btn {
            background-color: #007bff;
            color: #fff;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            width: 100%;
        }
        .btn:hover {
            background-color: #0056b3;
        }
    </style>
</head>
<body>

<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <h1 class="text-center">注册页面</h1>
            <div class="form-group">
                <label for="username">用户姓名</label>
                <input type="text" id="username" class="form-control" msg="用户名必须填写">
            </div>
            <div class="form-group">
                <label for="username">用户密码</label>
                <input type="password" id="password" class="form-control" msg="密码必须填写">
            </div>
            <div class="form-group">
                <label for="username">确认密码</label>
                <input type="password" id="re_password" class="form-control" msg="确认密码必须填写">
            </div>
            <div class="form-group">
                <label for="username">邮箱</label>
                <input type="text" id="email" class="form-control" msg="邮箱必须填写">
            </div>
            <div class="form-group">
                <label for="myfile">上传头像：
                    <img src="/static/img/default.png" id="myImg" width="100" alt="">
                </label>
                <input type="file" id="myfile" style="display: none" class="form-control">
            </div>
            <div class="form-group">
                <input type="button" value="提交" class="btn btn-primary btn-block">
            </div>
        </div>
    </div>
</div>

{# 绑定点击事件 #}
<script>
    // 在页面显示图片
    $("#myfile").change(function () {
        // 1.需要借助于文件阅读器(JavaScript的)
        let myFileReaderObj = new FileReader();
        // 2.获取文件数据,在此处可以将#myfile改为this
        {#var myFileDataObj = $("#myfile")[0].files[0];#}
        var myFileDataObj = $(this)[0].files[0];
        // 3.把获取到的文件数据提交给阅读器来获取图片
        myFileReaderObj.readAsDataURL(myFileDataObj);  // 这是异步提交
        // 4.把它读取的文件数据放到img的src中
        // 由于异步提交的缘故，代码会一直往下走，从而导致图片不能加载出来，
        // 故而为了防止此类事件的发生，用onload等待文件或图片加载完再接着往下执行
        myFileReaderObj.onload = function () {
            $("#myImg").attr('src', myFileReaderObj.result);
        }
    });


    $(".btn").click(function () {
        // 1.获取表单数据
        let username = $("#username").val();
        let password = $("#password").val();
        let re_password = $("#re_password").val();
        let email = $("#email").val();

        // 获取头像数据
        let myImg = $("#myfile")[0].files[0];
        console.log(myImg)

        // 2.参数验证
        //方式2：在input中写入 msg="用户名必须填写"等，然后循环取值
        var ids = ['username', 'password', 're_password', 'email'];
        $.each(ids, function (index, value) {
            if (!$('#' + value).val()) {
                layer.msg($("#" + value).attr('msg'));
                return;
            }
        });

        if (re_password !== password) {
            layer.msg('两次密码不一致');
            return;
        }

        // 由于是文件类型，所以data还要接收forData对象,接收了forData对象，
        // contentType参数和processData参数则要设置为false
        let formData = new FormData();
        formData.append('username', username);
        formData.append('password', password);
        formData.append('re_password', re_password);
        formData.append('email', email);
        formData.append('myfile', myImg);
        formData.append('csrfmiddlewaretoken', '{{ csrf_token }}');
        // 3.发起Ajax请求
        $.ajax({
            url: '',
            type: 'post',
            data: formData,
            contentType: false,
            processData: false,
            success: function (res) {
                if (res.code === 200) {
                    {#layer.msg(res.msg, {'icon': 1}, function () {#}
                    layer.msg(res.msg, {}, function () {
                        location.href = res.url;
                    });
                } else {
                    layer.msg(res.msg);
                }
            },
        });

        // 参数验证方式1：
        /*
        if (!username) {
            layer.msg('用户名必须填写');
            return;
        }
        if (!password) {
            layer.msg('密码必须填写');
            return;
        }
        if (!re_password) {
            layer.msg('确认必须填写');
            return;
        }
        if (!email) {
            layer.msg('邮箱必须填写');
            return;
        }*/

    });
</script>

</body>
</html>

2.注册之后台功能

def register(request):
    # auth_user表扩展之后auth模块依然是可以使用的，在这使用最原生的
    # 判断是否为Ajax提交
    # print(request.is_ajax())
    if request.method == 'POST':
        # 1.定义返回前端的json数据格式
        back_dict = {'code': 200, 'msg': '注册成功', 'data': []}

        # 2.接收前端提交过来的参数
        username = request.POST.get('username')
        password = request.POST.get('password')
        re_password = request.POST.get('re_password')
        email = request.POST.get('email')
        myfile = request.FILES.get('myfile')

        # 3.验证参数：尽量是先验证不合法性，即反着过来验证，
        # 正向验证也可以，只是会嵌套很多的elif语句
        if not username:
            # 1xx 2xx 3xx 4xx 5xx等一般是响应状态码，而我们下面写的业务状态码(人为规定的)
            back_dict['code'] = 1001
            back_dict['msg'] = '用户名必填'
            return JsonResponse(back_dict)
        if not password:
            back_dict['code'] = 1003
            back_dict['msg'] = '密码必填'
            return JsonResponse(back_dict)
        if not re_password:
            back_dict['code'] = 1004
            back_dict['msg'] = '确认密码必填'
            return JsonResponse(back_dict)
        if password != re_password:
            back_dict['code'] = 1002
            back_dict['msg'] = '两次密码不一致'
            return JsonResponse(back_dict)
        if not email:
            back_dict['code'] = 1005
            back_dict['msg'] = '邮箱必填'
            return JsonResponse(back_dict)

        # if len(password) >= 6 and len(password) <=20:
        #     back_dict['code'] = 1000
        #     back_dict['msg'] = '密码必须是6-20位的'
        #     return JsonResponse(back_dict)

        # 4.开设处理正常的业务逻辑
        new_pwd = get_md5(password)

        data_dict = {}
        data_dict['username'] = username
        data_dict['password'] = new_pwd[: 16]
        data_dict['email'] = email

        if myfile:
            data_dict['avatar'] = myfile

        # models.UserInfo.objects.create(username=username, password=new_pwd, email=email, avatar=myfile)
        # 改为下述
        models.UserInfo.objects.create(**data_dict)

        # 5.返回前端数据
        back_dict['url'] = '/login/'
        return JsonResponse(back_dict)

    return render(request, 'register.html', locals())

3.密码加密加盐

# auth模块自带的
from django.conf import settings

# 密码加盐
import hashlib


def get_md5(password):
    m = hashlib.md5()
    pwd = password + settings.SECRET_KEY
    m.update(pwd.encode('utf8'))
    return m.hexdigest()

二、登录

1.登录之前端页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>

    <!--动态引入文件-->
    {% load static %}
    <script src="{% static 'js/jquery.min.js' %}"></script>
    <link href="{% static 'bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
    <script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>
    <script src="{% static 'layer/layer.js' %}"></script>

    {#            background: url('https://img0.baidu.com/it/u=741268616,1401664941&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1691859600&t=5c5bee3052ecec363c1ecc2eea9ac3f7') no-repeat; background-size: 100% 130%;#}

    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-image: url('https://pegasus.epweike.com/Public/uploads/introduce/55dc0c8c010df.jpg');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .container {
            background-color: rgba(255, 255, 255, 0.9);
            border-radius: 10px;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            padding: 20px;
            text-align: center;
            width: 100%;
            max-width: 600px;
        }

        h1 {
            margin-top: 0;
        }

        .form-group {
            margin-bottom: 20px;
        }

        label {
            display: block;
            font-weight: bold;
        }

        .form-control {
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }

        .btn {
            background-color: #007bff;
            color: #fff;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            width: 100%;
        }

        .btn:hover {
            background-color: #0056b3;
        }

    </style>

</head>

<body>

<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <h1 class="text-center">登录页面</h1>
            <div class="form-group">
                <label for="username">用户姓名</label>
                <input type="text" id="username" class="form-control" msg="用户名必须填写">
            </div>
            <div class="form-group">
                <label for="username">用户密码</label>
                <input type="password" id="password" class="form-control" msg="密码必须填写">
            </div>
            <div class="form-group">
                <label for="username">验证码</label>
                <div class="row">
                    <div class="col-md-6">
                        <input type="text" id="code" class="form-control" msg="验证码必须填写">
                    </div>
                    <div class="col-md-6">
                        <img src="/get_code/" style=" width: 160px; height: 35px;" alt="">
                    </div>
                </div>

            </div>
            <div class="form-group">
                <input type="button" value="提交" class="btn btn-primary btn-block">
            </div>
        </div>
    </div>
</div>

<script>
    $(".btn").click(function () {
        // 1.获取表单数据
        let username = $("#username").val();
        let password = $("#password").val();
        let code = $("#code").val();

        // 2.参数验证
        //方式2：在input中写入 msg="用户名必须填写"等，然后循环取值
        var ids = ['username', 'password', 'code'];
        $.each(ids, function (index, value) {
            if (!$('#' + value).val()) {
                layer.msg($("#" + value).attr('msg'));
                return;
            }
        });

        if (code.length !== 5) {
            layer.msg('验证码输入不正确');
            return;
        }

        // 3.发起Ajax请求
        $.ajax({
            url: '',
            type: 'post',
            data: {username: username, password: password, code: code, csrfmiddlewaretoken: '{{ csrf_token }}'},
            success: function (res) {
                if (res.code === 200) {
                    {#layer.msg(res.msg, {'icon': 1}, function () {#}
                    layer.msg(res.msg, {}, function () {
                        location.href = res.url;
                    });
                } else {
                    layer.msg(res.msg, {});
                }
            },
        });
    });
</script>

</body>
</html>

2.登录之后端

def login(request):
    '''
    验证码：一般是图片验证码，
    短信验证码(平台)
    滑动验证码(平台)
    验证码的作用：人机识别，防止爬虫------->一般都需要登录之后才能访问
    :param request:
    :return:
    '''
    if request.method == 'POST':

        # 1.返回json的数据格式
        back_dict = {'code': 200, 'msg': '登录成功,3s之后自动跳转', 'data': []}

        username = request.POST.get('username')
        password = request.POST.get('password')
        code = request.POST.get('code')

        # 2.验证参数
        if not username:
            back_dict['code'] = 1006
            back_dict['msg'] = '用户名必填'
            return JsonResponse(back_dict)
        if not password:
            back_dict['code'] = 1007
            back_dict['msg'] = '密码必填'
            return JsonResponse(back_dict)
        # 由于验证码可能有大小写组成，所以，需要全部设置为大写或者小写
        if code.upper() != request.session.get('code').upper():
            back_dict['code'] = 1008
            back_dict['msg'] = '验证码必填'
            return JsonResponse(back_dict)

        # 4.业务逻辑处理
        new_pwd = get_md5(password)
        user_obj = models.UserInfo.objects.filter(username=username, password=new_pwd[: 16]).first()
        if not user_obj:
            back_dict['code'] = 1009
            back_dict['msg'] = '用户名或者密码错误'
            return JsonResponse(back_dict)
        # 安全相关：密码加密，sql注入，xss攻击，csrf,撞库等

        # 登录成功，保存用户状态
        request.session['username'] = user_obj.username
        request.session['id'] = user_obj.pk

        back_dict['url'] = '/home/'
        return JsonResponse(back_dict)

    return render(request, 'login.html', locals())

2.登录之随机验证码

"""
图片相关的模块
    pip3 install pillow
"""
from PIL import Image, ImageDraw, ImageFont

"""
Image:生成图片
ImageDraw:能够在图片上乱涂乱画
ImageFont:控制字体样式
"""
from io import BytesIO, StringIO

"""
内存管理器模块
BytesIO:临时帮你存储数据 返回的时候数据是二进制
StringIO:临时帮你存储数据 返回的时候数据是字符串
"""
import random


def get_random():
    return random.randint(0, 255), random.randint(0, 255), random.randint(0, 255)


def get_code(request):
    # 最终步骤4:写图片验证码
    img_obj = Image.new('RGB', (430, 35), get_random())
    img_draw = ImageDraw.Draw(img_obj)  # 产生一个画笔对象
    # 字体地址下载 https://www.zhaozi.cn/s/all/freebusiness/
    img_font = ImageFont.truetype('static/font/yun.ttf', 30)  # 字体样式 大小

    # 随机验证码  五位数的随机验证码  数字 小写字母 大写字母
    code = ''
    for i in range(5):
        random_upper = chr(random.randint(65, 90))
        random_lower = chr(random.randint(97, 122))
        random_int = str(random.randint(0, 9))
        # 从上面三个里面随机选择一个
        tmp = random.choice([random_lower, random_upper, random_int])
        # 将产生的随机字符串写入到图片上
        """
        为什么一个个写而不是生成好了之后再写
        因为一个个写能够控制每个字体的间隙 而生成好之后再写的话
        间隙就没法控制了
        """
        img_draw.text((i * 60 + 60, -2), tmp, get_random(), img_font)
        # 拼接随机字符串
        code += tmp
    print(code)
    # 随机验证码在登陆的视图函数里面需要用到 要比对 所以要找地方存起来并且其他视图函数也能拿到
    request.session['code'] = code
    io_obj = BytesIO()
    img_obj.save(io_obj, 'png')
    return HttpResponse(io_obj.getvalue())

三、首页

1.首页之前端(导航条和模态框)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    {% load static %}
    <script src="{% static 'js/jquery.min.js' %}"></script>
    <link href="{% static 'bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
    <script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>
    <script src="{% static 'layer/layer.js' %}"></script>

</head>
<body>

<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">全球最大的博客网站</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">文章 <span class="sr-only">(current)</span></a></li>
                <li><a href="#">分类</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">点我看更多美女哦 <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">One more separated link</a></li>
                    </ul>
                </li>
            </ul>
            <form class="navbar-form navbar-left">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search">
                </div>
                <button type="submit" class="btn btn-default">搜索</button>
            </form>
            <!-- 模态框 -->
            <ul class="nav navbar-nav navbar-right">
                {% if request.session.username %}
                    <li><a href="#">{{ request.session.username }}</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                           aria-expanded="false">更多操作 <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#" data-toggle="modal" data-target=".bs-example-modal-lg">修改密码</a></li>
                            <li><a href="#">更改头像</a></li>
                            <li><a href="/logout/">退出登录</a></li>
                            <li><a href="#">后台管理</a></li>
                        </ul>
                    </li>
                {% else %}
                    <li><a href="/login/">登录</a></li>
                    <li><a href="/register/">注册</a></li>
                {% endif %}
            </ul>
            <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="row">
                            <h1 class="text-center">修改密码</h1>
                            <div class="col-md-8 col-md-offset-2">
                                <div class="form-group">
                                    用户名：<input type="text" readonly value="{{ request.session.username }}" class="form-control">
                                </div>
                                <div class="form-group">
                                    原密码：<input type="password" id="old_password" class="form-control" msg="原密码必须输入">
                                </div>
                                <div class="form-group">
                                    新密码：<input type="password" id="new_password" class="form-control" msg="原密码必须输入">
                                </div>
                                <div class="form-group">
                                    确认密码：<input type="password" id="re_password" class="form-control" msg="原密码必须输入">
                                </div>
                                <div class="form-group">
                                    <input type="button" value="修改密码" class="btn btn-primary btn-block">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>

<script>
    $(".btn").click(function () {
        // 1.获取参数
        let old_password = $("#old_password").val();
        let new_password = $("#new_password").val();
        let re_password = $("#re_password").val();

        // 2.参数验证
        let ids = ['old_password', 'new_password', 're_password'];
        $.each(ids, function (index, value) {
            if (!$('#' + value).val()) {
                layer.msg($('#' + value).attr('msg'));
                return;
            }
        });

        // 3.发起Ajax请求
        $.ajax({
            url: '/set_password/',
            type: 'post',
            data: {old_password:old_password, new_password:new_password, re_password:re_password, csrfmiddlewaretoken:'{{ csrf_token }}'},
            success: function (res) {
                if (res.code == 200) {
                    layer.msg(res.msg, {}, function () {
                        location.reload();
                    });
                } else {
                    layer.msg(res.msg, {});
                }
            }
        });

    });
</script>

</body>
</html>

在这里插入图片描述

2.首页之后端(修改密码)

def set_password(request):
    if request.method == 'POST':
        # 1.先设定给前端返回的json格式的数据
        back_dict = {'code': 200, 'msg': '修改密码成功，3s后自动跳转', 'data': []}

        # 2.接收前端提交过来的参数
        old_password = request.POST.get('old_password')
        new_password = request.POST.get('new_password')
        re_password = request.POST.get('re_password')

        # 3.验证参数
        if new_password != re_password:
            back_dict['code'] = 1200
            back_dict['msg'] = '两次密码输入不一致'
            return JsonResponse(back_dict)
        # 验证老密码是否正确
        old_pwd = get_md5(old_password)
        user_obj = models.UserInfo.objects.filter(username=request.session.get('username'), password=old_pwd[: 16]).first()
        if not user_obj:
            back_dict['code'] = 1201
            back_dict['msg'] = '原密码不正确'
            return JsonResponse(back_dict)

        # 4.修改新密码
        new_pwd = get_md5(new_password)
        print(new_pwd)
        models.UserInfo.objects.filter(pk=request.session.get('id')).update(password=new_pwd[: 16])
        return JsonResponse(back_dict)

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/888378.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

深度开发者故事 | 华为云API Explorer 自动化运维的得力助手

深度开发者故事 | 华为云API Explorer 自动化运维的得力助手

华为云API Explorer为开发者提供一站式API解决方案统一平台&#xff0c;集成华为云服务所有开放API&#xff0c;支持全量快速检索、可视化调试、帮助文档、代码示例等能力&#xff0c;帮助开发者快速学习API&#xff0c;使用API开发代码实现自动化运维。 体验通道&#xff1a;…
阅读更多...
企业数字化时代，数据要素是什么？有什么作用价值？

企业数字化时代，数据要素是什么？有什么作用价值？

信息化、数字化社会加速到来&#xff0c;企业纷纷开始布局数字化转型&#xff0c;数字经济将成为未来世界中最为火热的新型经济。 数据报表作为企业数字化转型的代表节点之一&#xff0c;未来会成为数字化企业的基本配置。 要想企业全身心投入数据报表体系建设中&#xff0c;…
阅读更多...
个性化定制界面与极简版原装界面：我们为什么选择个性化？

个性化定制界面与极简版原装界面：我们为什么选择个性化？

个性化定制界面和极简版原装界面&#xff0c;哪一个你用起来更加顺手呢&#xff0c;相比之下你更喜欢哪一个&#xff1f;来聊一聊原因吧&#xff01; 随着科技的不断发展&#xff0c;人们对于界面设计也有了越来越高的要求。而在界面设计领域&#xff0c;个性化定制界面和极简版…
阅读更多...
rust入门系列之Rust介绍及开发环境搭建

rust入门系列之Rust介绍及开发环境搭建

Rust教程 Rust基本介绍 网站: https://www.rust-lang.org/ rust是什么 开发rust语言的初衷是&#xff1a; 在软件发展速度跟不上硬件发展速度&#xff0c;无法在语言层面充分的利用硬件多核cpu不断提升的性能和 在系统界别软件开发上&#xff0c;C出生比较早&#xff0c;内…
阅读更多...
Qt表格数据处理

Qt表格数据处理

概述 在Qt表格数据处理中&#xff0c;涉及到如下几个具体的类&#xff1a; QAbstractItemModel&#xff1a;这是一个抽象基类&#xff0c;定义了模型&#xff08;Model&#xff09;的接口规范。所有的模型类都应该派生自QAbstractItemModel&#xff0c;并实现它的纯虚函数&…
阅读更多...
学习电工有哪些好处？在哪学习电工？

学习电工有哪些好处？在哪学习电工？

学习电工有哪些好处&#xff1f;在哪学习电工&#xff1f;学习电工可以做什么&#xff1f;优势有哪些&#xff1f; 学习电工可以做什么&#xff1f;学习电工有哪些好处&#xff1f; 就业去向&#xff1a;可在企业单位从事电气设备的安装、调试、操作、维护等工作&#xff0c;…
阅读更多...
GDP药品供应管理规范确保冷链运输合规性

GDP药品供应管理规范确保冷链运输合规性

药品运输面临许多挑战&#xff0c;包括产品可能因暴露在不利条件下导致降解。药品供应管理规范 (GDP) 运输指南在确保整个运输链的冷链合规性方面发挥着关键作用。 药品的分销与生产和制造生产线一样精细和敏感。自全球物流公司成立以来&#xff0c;配送过程中对受控环境的需求…
阅读更多...
运维自动化与Cobbler服务部署

运维自动化与Cobbler服务部署

运维自动化与Cobbler服务部署 一.Cobbler简介1.1.简介1.2.Cobbler的下属服务1.3.工作流程 二.Cobbler安装2.1.安装epel源2.2.安装Cobbler及其相关的服务和组件 三.Cobbler配置3.1.Cobbler配置文件及各目录情况3.2.配置及启动cobblerd服务 四.Cobbler使用4.1用法4.2配置linux发行…
阅读更多...
IIC总线原理

IIC总线原理

1. IIC总线概述 IIC总线 IIC总线是Philips公司在八十年代初推出的一种串行、半双工总线 主要用于近距离、低速的芯片之间的通信&#xff1b;IIC总线有两根双向的信号线一根数据线SDA用于收发数据&#xff0c;一根时钟线SCL用于通信双方时钟的同步&#xff1b;IIC总线硬件结构简…
阅读更多...
elementPlus——图标引入+批量注册全局组件——基础积累

elementPlus——图标引入+批量注册全局组件——基础积累

因为我们要根据路由配置对应的图标&#xff0c;也要为了后续方便更改。因此我们将所有的图标注册为全局组件。&#xff08;使用之前将分页器以及矢量图注册全局组件的自定义插件&#xff09;&#xff08;所有图标全局注册的方法element-plus文档中已给出&#xff09; 全局注册…
阅读更多...
vue中 .env .env.development .env.production 详细说明

vue中 .env .env.development .env.production 详细说明

1.配置文件有&#xff1a; .env 全局默认配置文件&#xff0c;不论什么环境都会加载合并 .env.development 开发环境下的配置文件 .env.production 生产环境下的配置文件 2.命名规则&#xff1a; 属性名必须以VUE_APP_开头&#xff0c;比如VUE_APP_XXX 3.关于文件的加载&#x…
阅读更多...
kubernetes基于helm部署minecraft

kubernetes基于helm部署minecraft

kubernetes基于helm部署minecraft kubernetes容器集群中部署minecraft server服务器。 项目地址&#xff1a;https://github.com/itzg/minecraft-server-charts 官方文档&#xff1a;https://itzg.github.io/minecraft-server-charts/ 前置要求&#xff1a; 已准备kubern…
阅读更多...
国标GB28181视频平台EasyGBS国标平台的应用场景以及方案实现

国标GB28181视频平台EasyGBS国标平台的应用场景以及方案实现

EasyGBS国标视频融合云平台基于端-边-云一体化架构&#xff0c;部署轻量简单、功能灵活多样&#xff0c;平台可支持多协议&#xff08;GB28181/RTSP/Onvif/海康SDK/Ehome/大华SDK/RTMP推流等&#xff09;、多类型设备接入(IPC/NVR/监控平台)&#xff0c;在视频能力上&#xff0…
阅读更多...
华为认证含金量如何

华为认证含金量如何

华为认证是指通过华为技术有限公司官方认证考试所获得的认证资格。华为认证主要分为三个级别&#xff1a;华为认证工程师&#xff08;HCIE&#xff09;、华为认证专家&#xff08;HCNP&#xff09;和华为认证技术专家&#xff08;HCNA&#xff09;&#xff0c;每个级别都有不同…
阅读更多...
lvs集群与nat模式

lvs集群与nat模式

一&#xff0c;什么是集群&#xff1a; 集群&#xff0c;群集&#xff0c;Cluster&#xff0c;由多台主机构成&#xff0c;但是对外只表现为一个整体&#xff0c;只提供一个访问入口&#xff08;域名与ip地址&#xff09;&#xff0c;相当于一台大型计算机。 二&#xff0c;集…
阅读更多...
什么是Liquid UI？

什么是Liquid UI？

热门议题&#xff1a; 1、企业如何快速解决人员移动办公的需求&#xff0c;比如在苹果安卓手机&#xff0c;平板电脑&#xff0c;MAC登录SAP。2、企业如何解决用户经常抱怨的流程复杂&#xff0c;操作繁琐&#xff0c;难以使用等问题 公司介绍&#xff1a; Synactive,Inc. 是…
阅读更多...
【推荐】深入浅出学习Spring框架

【推荐】深入浅出学习Spring框架

​ 目录 1.spring简介 1.1含义 1.2优点 2&#xff0c;Spring之IOC详解 2.1&#xff0c;控制反转是什么 2.2&#xff0c;控制反转案例 2.1.3案例前台测试 3、IoC的三种注入方式 3.1 构造方法注入 3.2 setter方法注入 3.3 接口注入&#xff08;自动装配&#xff09;用的最多&…
阅读更多...
⛳ Java 反射

⛳ Java 反射

目录 ⛳ Java 反射&#x1f3a8; 一、反射概述**&#x1f383; 使用反射的前提条件: **&#x1f3b2; 类正常加载过程如下图&#xff1a;反射优缺点&#xff1a;&#x1f9f8; Java反射机制提供的功能: **&#x1f945; 反射主要API** &#x1f3ed; 二、反射的使用&#x1f3a…
阅读更多...
01.修改simvision字体大小

01.修改simvision字体大小

修改simvision字体大小 ①cd ~/.simvision ② ls 查看是否有Xdefaults文件 1.如果有&#xff0c;gedit/vim Xdefaults 打开文件&#xff0c;搜索SrcBrowser修改数字&#xff0c;默认12这里修改成25&#xff0c;还有WaveWindow、DesignBrowser等都能改&#xff0c;我全部都修改…
阅读更多...
爬虫逆向实战（四）--猿人学第一题

爬虫逆向实战（四）--猿人学第一题

一、数据接口分析 主页地址&#xff1a;猿人学第一题 1、抓包 当我们打开F12时会发现直接debugger了&#xff0c;是一个无限debugger&#xff0c;我们直接右键debugger那一行&#xff0c;然后选择“一律不再此处暂停”就可以了 通过抓包可以发现登录接口是api/match/1 2、…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023