《软件外包服务岗前技能训练（一）》学习心得

Schrodinger_chin

已于 2023-12-22 22:22:12 修改

阅读量378

点赞数 8

文章标签： oracle 数据库

于 2023-12-22 22:18:23 首次发布

本文链接：https://blog.csdn.net/Schrodinger_chin/article/details/135162097

版权

本文介绍了SQL编程语言的基础，包括创建数据库、数据类型、创建表以及基本的SQL查询。同时，给出了LayuiMini后台登录的HTML和JavaScript代码片段，展示了如何使用SQL进行数据操作和前端登录验证。

摘要由CSDN通过智能技术生成

SQL 教程

SQL（Structured Query Language）是一种用于管理关系型数据库的编程语言。它用于创建、修改和查询数据库中的表和数据。

一、数据库管理 1、创建数据库命令： CREATE DATABASE database_name; 例子：创建名字为 my_db 的数据库

1 CREATE DATABASE my_db;

二、数据库表管理 1、常用数据类型整数类型： bit：保存 0 或 1，通常用于存 bool 类型的 false 或 true, 占用 1 个字节。 int：保存正负整数，可存储范围为 :-2^31 至 2^31-1。占用 4 个字节。浮点类型： decimal [p,s]：带固定精度和小数位数的数值数据类型 ,p 指精度，包括小数点前边与后边的位数。s 指小数位数。精度必须是从 1 到最大精度 38 之间的值，默认精度为 18。字符数据类型： char(n)：n 为存储字符的最大长度，n 的取值为 1~8000，默认为 1。当保存的数据长度超过时会被截掉。 varchar(n)：n 为存储字符的最大长度，其取值范围是 1~8000。当设置 varchcar(20)时，不够 20 个字符也按 20 个字符存储。当超过 20 个字符时，会自动扩容。 nchar(n)：n 值必须在 1~4000，定长，可以保存中文。 nvarchar(n)：n 值必须在 1~4000，变长，可以保存中文。日期和时间类型： datetime：用于存储时间和日期数据，从 1753 年 1 月 1 日到 9999 年 12 月 31 日。 datetime2：datetime 的扩展类型，其数据范围更大 , 日期的存取范围是 0001 年 01 月 01 日到 9999 年 12 月 31 日。

2、创建数据表 1 DROP DATABASE my_db; SQL 命令： CREATE TABLE 表名称 ( 列名称 1 数据类型 , 列名称 2 数据类型 , 列名称 3 数据类型 , .... ); 例子：添加学生表

CREATE TABLE Student
(
 Id int PRIMARY KEY IDENTITY,
 Name nvarchar(20) NOT NULL,
 Age int,
 Sex bit,
 Phone varchar(11),
 BirthDay datetime
);

SELECT 赋值可以使用 SET 来为变量赋值，也可以使用 SELECT 来赋值。 SELECT 还可以把查询出来的值赋值到变量上。如果用 SELECT 赋值的话，查询出来的值是多条数据的时候，就会赋值最后一条数据的值到变量上。例子：定义 int 类型变量 i，变量 i 赋值为 321，打印 i 的值查询 id 为 1 的学生年龄，并且赋值到变量 i 上，再打印 i 的值

DECLARE @i INT;
SELECT @i = 321;
PRINT @i;
SELECT @i = Age FROM Student WHERE Id = 1;
PRINT @i;
1

循环 WHILE

当满足一定条件时，不断的重复做相同的操作，这个时候我们可以使用WHILE 循环来实现例子：

计算出 1-10 相加的结果是多少

DECLARE @i INT;
SET @i = 1;
DECLARE @sum INT;
SET @sum = 0;
WHILE @i <= 10
BEGIN
 SET @sum = @sum + @i
 SET @i = @i + 1
END
PRINT @sum;

LayuiMini

<script>
    layui.use(['form'], function () {
        var form = layui.form,
            layer = layui.layer;

        // 登录过期的时候，跳出ifram框架
        if (top.location != self.location) top.location = self.location;

        // 粒子线条背景
        $(document).ready(function(){
            $('.layui-container').particleground({
                dotColor:'#7ec7fd',
                lineColor:'#7ec7fd'
            });
        });

        // 进行登录操作
        form.on('submit(login)', function (data) {
            data = data.field;
            if (data.username == '') {
                layer.msg('用户名不能为空');
                return false;
            }
            if (data.password == '') {
                layer.msg('密码不能为空');
                return false;
            }
            if (data.captcha == '') {
                layer.msg('验证码不能为空');
                return false;
            }
            layer.msg('登录成功', function () {
                window.location = '../index.html';
            });
            return false;
        });
    });
</script>

<body>
<div class="layui-container">
    <div class="admin-login-background">
        <div class="layui-form login-form">
            <form class="layui-form" action="">
                <div class="layui-form-item logo-title">
                    <h1>LayuiMini后台登录</h1>
                </div>
                <div class="layui-form-item">
                    <label class="layui-icon layui-icon-username" for="username"></label>
                    <input type="text" name="username" lay-verify="required|account" placeholder="用户名或者邮箱" autocomplete="off" class="layui-input" value="admin">
                </div>
                <div class="layui-form-item">
                    <label class="layui-icon layui-icon-password" for="password"></label>
                    <input type="password" name="password" lay-verify="required|password" placeholder="密码" autocomplete="off" class="layui-input" value="123456">
                </div>
                <div class="layui-form-item">
                    <label class="layui-icon layui-icon-vercode" for="captcha"></label>
                    <input type="text" name="captcha" lay-verify="required|captcha" placeholder="图形验证码" autocomplete="off" class="layui-input verification captcha" value="xszg">
                    <div class="captcha-img">
                        <img id="captchaPic" src="../images/captcha.jpg">
                    </div>
                </div>
                <div class="layui-form-item">
                    <input type="checkbox" name="rememberMe" value="true" lay-skin="primary" title="记住密码">
                </div>
                <div class="layui-form-item">
                    <button class="layui-btn layui-btn layui-btn-normal layui-btn-fluid" lay-submit="" lay-filter="login">登 入</button>
                </div>
            </form>
        </div>
    </div>
</div>
<script src="../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../lib/jq-module/jquery.particleground.min.js" charset="utf-8"></script>
<script>
    layui.use(['form'], function () {
        var form = layui.form,
            layer = layui.layer;

        // 登录过期的时候，跳出ifram框架
        if (top.location != self.location) top.location = self.location;

        // 粒子线条背景
        $(document).ready(function(){
            $('.layui-container').particleground({
                dotColor:'#7ec7fd',
                lineColor:'#7ec7fd'
            });
        });

        // 进行登录操作
        form.on('submit(login)', function (data) {
            data = data.field;
            if (data.username == '') {
                layer.msg('用户名不能为空');
                return false;
            }
            if (data.password == '') {
                layer.msg('密码不能为空');
                return false;
            }
            if (data.captcha == '') {
                layer.msg('验证码不能为空');
                return false;
            }
            layer.msg('登录成功', function () {
                window.location = '../index.html';
            });
            return false;
        });
    });
</script>