精华内容
下载资源
问答
  • 前端数据库

    千次阅读 2019-10-22 16:28:56
    什么是web前端 web前端 面向用户(浏览者)的互联网技术统称为web前端,用户看的见摸得着的。 面向用户 人机交互 前端 数据校验录入 机器于机器的交互 web后端范围 三大方面 界面结构 html web视觉表现 css 界面交互 ...

    什么是web前端

    web前端 面向用户(浏览者)的互联网技术统称为web前端,用户看的见摸得着的。

    面向用户 人机交互 前端

    数据校验录入 机器于机器的交互 web后端范围

    三大方面

    界面结构 html

    web视觉表现 css

    界面交互 js

    Web前端的分类

    前端设计 设计师 UI设计/交互设计 美工

    前端架构 架构师 工程师 程序猿 将各种设计通过编程实现

    注意

    1. 英文

    2. 逻辑 案例 分析

      设计师 感性

      程序员 理性 一条一条规划

    3. 细心 代码规范

    题感 语感 动手

    方向 前端 后端 全栈

    路径 从易到难 学习路径 技术栈

    今日内容

    1. 数据库的基本概念

    2. MySQL数据库软件

      1. 安装
      2. 卸载
      3. 配置
    3. SQL

    数据库的基本概念

    1. 数据库的英文单词: DataBase 简称 : DB     DBA  数据库管理员
    2. 什么数据库?
    	* 用于存储和管理数据的仓库。
    
    3. 数据库的特点:
    	1. 持久化存储数据的。其实数据库就是一个文件系统  
    	2. 方便存储和管理数据
    	3. 使用了统一的方式操作数据库 -- SQL
    	
    	数据库 -- 文件夹
    	表    --  文件
    	数据  --   数据
    	
    	oracle  mysql  sqlserver微软   关系型数据库     非关系型数据库   redis缓存 mogoDB
    

    MySQL数据库软件

    1. 安装
    
    2. 卸载
    	1. 去mysql的安装目录找到my.ini文件  配置文件
    		* 复制 datadir="C:/ProgramData/MySQL/MySQL Server 5.5/Data/"
    	2. 卸载MySQL
    	3. 删除C:/ProgramData目录下的MySQL文件夹。
    	4. 删除注册表
    	
    3. 配置
    	* MySQL服务启动
    		1. 手动。
    		2. cmd--> services.msc 打开服务的窗口
    		3. 使用管理员打开cmd
    			* net start mysql : 启动mysql的服务
    			* net stop mysql:关闭mysql服务
    	* MySQL登录
    		1. mysql -uroot -p密码
    		2. mysql -hip -uroot -p连接目标的密码
    		3. mysql --host=ip --user=root --password=连接目标的密码
    	* MySQL退出
    		1. exit
    		2. quit
    

    SQL

    1.什么是SQL?
    	Structured Query Language:结构化查询语言
    	其实就是定义了操作所有关系型数据库的规则。每一种数据库操作的方式存在不一样的地方,称为“方言”。
    	
    2.SQL通用语法
    	1. SQL 语句可以单行或多行书写,以分号结尾。  js 可写可不写
    	2. 可使用空格和缩进来增强语句的可读性。
    	3. MySQL 数据库的 SQL 语句不区分大小写,关键字建议使用大写。   js区分
    	4. 3 种注释
    		* 单行注释: -- 注释内容 或 # 注释内容(mysql 特有) 
    		* 多行注释: /* 注释 */
    	
    3. SQL分类
    	1) DDL(Data Definition Language)数据定义语言
    		用来定义数据库对象:数据库,表,列等。关键字:create, drop,alter 等
    	2) DML(Data Manipulation Language)数据操作语言
    		用来对数据库中表的数据进行增删改。关键字:insert, delete, update 等
    	3) DQL(Data Query Language)数据查询语言
    		用来查询数据库中表的记录(数据)。关键字:select, where 等
    	4) DCL(Data Control Language)数据控制语言(了解)
    		用来定义数据库的访问权限和安全级别,及创建用户。关键字:GRANT, REVOKE 等
    

    DDL:操作数据库、表

    1. 操作数据库:CRUD
    	1. C(Create):创建
    		* 创建数据库
    			* create database 数据库名称;
    		* 创建数据库 判断不存在 再创建
    			* create database if not exists 数据库名称;
    		* 创建数据库 并指定字符集
    			* create database 数据库名称 character set 字符集名称;
    		* 练习: 创建db4数据库,判断是否存在,并制定字符集为gbk
    			create database if not exists db4 character set gbk;
    	2. R(Retrieve):查询
    		* 查询所有数据库
    			* show database;
    	3. U(Update):修改
    		
    	4. D(Delete):删除
    		* 删除数据库
    			* drop database 数据库名称;
    		* 判断数据库存在,存在再删除
    			* drop database if exists 数据库名称;
    	5. 使用数据库
    
    2. 操作表
    	1. C(Create):创建
    		1. 语法:
    			create table 表名(
    				列名1 数据类型1,
    				列名2 数据类型2,
    				....
    				列名n 数据类型n
    			);
    			* 注意:最后一列,不需要加逗号(,)
    
    	2. R(Retrieve):查询
    		* 查询某个数据库中所有的表名称
    			* show tables;
    		* 查询表结构
    			* desc 表名;
    	3. U(Update):修改
    		1. 修改表名
    			alter table 表名 rename to 新的表名;
    		2. 修改表的字符集
    			alter table 表名 character set 字符集名称;
    		3. 添加一列
    			alter table 表名 add 列名 数据类型;
    		4. 修改列名称 类型
    			alter table 表名 change 列名 新列别 新数据类型;
    			alter table 表名 modify 列名 新数据类型;
    		5. 删除列
    			alter table 表名 drop 列名;
    	4. D(Delete):删除
    		* drop table 表名;
    		* drop table  if exists 表名;
    

    2.操作表
    	create 创建表 
    		create table 表名(
    			列名1 数据类型1,
    			列名2 数据类型2
    		)
    	数据类型 
    		1.int  整数类型 	age
    		2.double 小数类型 scroe double(5,2)   333.33  4,1    333.3
    		3.date  日期   只包含年月日  yyyy-MM-dd
    		4.datetime 日期  包含年月日时分秒  yyyy-MM-dd HH:mm:ss
    		5.timestamp 时间戳  包含年月日时分秒    1970.1.1
    		6.varchar  字符串    name varchar(20) 姓名最大20个字符   张三  2个   zhangsan  8个
    

    DML:增删改表中数据

    1. 添加数据:
    	* 语法:
    		* insert into 表名(列名1,列名2,...列名n) values(值1,值2,...值n);
    		insert into 表名(id,name,age) values(值1,值2,...值n);
    	* 注意:
    		1. 列名和值要一一对应。
    		2. 如果表名后,不定义列名,则默认给所有列添加值
    			insert into 表名 values(值1,值2,...值n);
    		3. 除了数字类型,其他类型需要使用引号(单双都可以)引起来
    


    ​ 2. 删除数据:
    ​ * 语法:
    ​ * delete from 表名 [where 条件]
    ​ * 注意:
    ​ 1. 如果不加条件,则删除表中所有记录。
    ​ 2. 如果要删除所有记录
    ​ 1. delete from 表名;
    ​ 2. TRUNCATE TABLE 表名;
    ​ 3. 修改数据:
    ​ * 语法:
    ​ * update 表名 set 列名1 = 值1, 列名2 = 值2,… [where 条件];

    	* 注意:
    		1. 如果不加任何条件,则会将表中所有记录全部修改。
    

    DQL:查询表中的记录

    * select * from 表名;
    怎么优化数据库     主从分离  读写分离   主表(读),从表(写)   
    
    1. 语法:
    	select
    		字段列表
    	from
    		表名列表
    	where
    		条件列表
    	group by
    		分组字段
    	having
    		分组之后的条件
    	order by
    		排序
    	limit
    		分页限定
    
    2. 基础查询
    	1. 多个字段的查询
    		select 字段名1,字段名2... from 表名;
    		* 注意:
    			* 如果查询所有字段,则可以使用*来替代字段列表。
    	2. 去除重复:
    		* distinct
    	3. 计算列
    		* 一般可以使用四则运算计算一些列的值。(一般只会进行数值型的计算)
    	4. 起别名:
    		* as   
    
    3. 条件查询
    	1. where子句后跟条件
    	2. 运算符
    		* > 、< 、<= 、>= 、= 、<>(不等于 !=)
    		* BETWEEN...AND     
    		* IN( 集 	合)    
    		* LIKE:模糊查询   
    			* 占位符:
    				* _:单个任意字符
    				* %:多个任意字符
    		* IS NULL  
    		* and  或 &&
    		* or  或 || 
    		* not  或 !
    

    展开全文
  • 前端页面实现对数据库的操作
  • 前端数据库结合运用详解

    万次阅读 多人点赞 2019-06-21 12:30:22
    什么数据库 : 存放数据的仓库 数据库语言 : mysql sqlServer oracle ---->关系型数据库,非关系型数库:mongoDB 数据库中存放的数据都是被结构化的数据 数据库中的数据是存放到一张表中的 一个数据库中...

    1、mysql数据库(了解)

    什么是数据库 : 存放数据的仓库
    数据库语言 : mysql sqlServer oracle ---->关系型数据库,非关系型数库:mongoDB
    数据库中存放的数据都是被结构化的数据

    数据库中的数据是存放到一张表中的

    一个数据库中可以存放多张数据表
    一张表由多行和多列组成 ,列标题叫做 字段

    2、数据库的创建

    create database 数据库名称

    3、创建表

    数据类型 :int 整数值 不需要提供长度
    字符串需要提供长度
    char 字符串 char(100)
    varchar 字符串 varchar(100) 可变长度

    创建表的语法 :

    create table  tablename
    (
        字段名  数据类型,
        字段名    数据类型,
        ............
    )
    

    例如 :

    create table teacher
    (
            tid int,
            tname varchar(10),
            salary int
    )
    

    3、表中数据的操作 增 删 改 查

    添加数据 :

    insert into  表名(字段名1,字段名2,...) values(值1,值2,....)
    

    添加操作执行后 会返回受影响的行数

    删除数据 :
    delete from 表名 清空表中数据 慎用
    delete from 表名 where 条件 删除操作执行后 会返回受影响的行数
    表示条件的关键字 :
    and 并且 age>20 and sex=‘男’
    or 或者 age > 20 or sex=‘女’
    = 等于

    修改数据 :
    update 表名 set 字段名=值1 , 字段名 = 值2 where 条件 修改操作执行后 会返回受影响的行数

    查询数据
    select
    select * from 表名 查询表中所有数据
    select 字段名1,字段名2 from 表名 查询特定字段
    select * from 表名 where 条件 按条件查询

    4、主键

    主键 : 保证表中数据的唯一性 (数据的完整性) primary key
    主键特点 :
    不能重复 不能为空
    一般一个表中 主键的列为 编号列
    一般主键列都会设置为自动增长

    创建表时将编号列设置为主键自增:

    create table products
    (
        pid int primary key auto_increment,  主键自增
        pname varchar(100),
        price int,
        paddr varchar(100)
    )
    

    5、php如何操作mysql

    【案例】学生成绩表的增 删 改 查 php操作mysql
    创建数据库 : create database db1901
    创建两张表–登录和注册

      create table user
        (
            uid int primary key auto_increment,
            uname varchar(100),
            upwd varchar(100)
    )
    

    学生成绩表

       create table score
        (
            sid int primary key auto_increment,
            sname varchar(100),
            h5 int,
            js int
    )
    

    //通过表单提交注册信息,并添加到数据库里面
     php操作mysql,增加数据
    //通过表单提交登录信息,查询数据库里面信息进行匹配
     php操作mysql,查询、验证数据,完成登录功能
    //通过表单提交成绩单信息,并添加到数据库里面
    表单提交数据
     php操作mysql,增加数据
    //将数据库中的数据显示
    取出数据库中的数据并显示到页面
    // php操作mysql,删除数据,并更新数据库
     php操作mysql,删除数据
    php操作mysql,将数据库进行更新

    6、php输出语句

    echo
    print
    print_r 专门用于打印数组的

    7、从客户端向服务器传值

    方式一 : 表单的name属性传值
    方式二 : 超链接的href属性传值
    方式三 : 使用ajax传递数据

    8、什么是ajax?

    当从客户端向服务器端提交少量的数据、常见特效、验证用户名的唯一性、商品搜索、登录、注册等
    ajax作用 : 页面无刷新 提高用户体检,减少带宽 ,提高程序的执行效率
    异步的javaScript and xml,主要用于服务器和客户端的数据交互传值问题

    9、ajax 工作流程(代码在服务器环境下进行)

    10、同步和异步

    异步 :同时分开执行 非阻塞模式 (前面的代码不会影响后面代码的执行)
    同步 :同时按顺序执行  阻塞模式 (前面代码会影响后面代码的执行)

    11\ajax操作步骤

    1、创建ajax对象
    var xhr = null;
    if( XMLHttpRequest ){
    xhr = new XMLHttpRequest();
    }else{
    xhr = new ActiveXObject(“Microsoft.XMLHTTP”);
    }
    2、建立和服务器的连接
    open( “get/post” , 请求文件路径 url , 布尔值 )
    第三个参数 : 表示同步 / 异步 true默认
    xhr.open( “GOT”, “data.txt”)

    get和post区别 :
    get路径传值数据对用户是可见的传递的数据量少安全性低便于调试
    post 非路径传值,数据对用户是不可见的,传递的数据量大安全性高

    3、发送请求
    Xhr.send()

    4、服务器响应客户端的结果 (返回结果)
    使用状态改变事件 onreadystatechange
    处理服务器返回的结果 状态值 readyState
    0 请求还没有初始化还没有open()
    1 请求已发送服务器还没有开始处理
    2 服务器接收请求后 没有处理数据
    3 开始处理请求 部分请求已完成
    4 所有请求全部完成

    状态码 :status
    200 交易成功
    404 文件路径错误
    500 服务器错误
    400 服务器语法错误

    服务器响应客户端请求时需要注意的两个问题 :
    1、状态值判断
    2、状态码的判断

    运用ajax请求数据
    2、缓存
    当ajax多次请求同一个服务器路径数据时,第一次请求服务器时会将服务器文件的路径缓存到浏览器上,后面的多次请求如果路径不发生变化,直接从浏览器的缓存上获取数据
    就会导致当服务器数据发生变化时,不能及时获取服务器更新后的数据

    解决缓存问题 :
    更改请求路径在请求路径上加一个参数,值为一个随机值可以使用 Math.random() 或 new Date().getTime()

    扩展 :
    更改文件最后的操作时间:
    ajax.setRequestHeader( “If-Modified-Since”,“0” );

    If-Modified-Since是标准的HTTP请求头标签,在发送HTTP请求时,把浏览器端缓存页面的最后修改时间一起发到服务器去,服务器会把这个时间与服务器上实际文件的最后修改时间进行比较。

    如果时间一致,那么返回HTTP状态码304(不返回文件内容),客户端接到之后,就直接把本地缓存文件显示到浏览器中。

    如果时间不一致,就返回HTTP状态码200和新的文件内容,客户端接到之后,会丢弃旧文件,把新文件缓存起来,并显示到浏览器中。

    3、字符串和对象之间的转换

    字符串转对象 :JSON.parse()
    对象转字符串 : JSON.stringify()

    4、接口
    后端程序员为前端提供的路径url 就称为 接口
    接口参数 :
    接口路径url
    接口返回值
    接口是否含有参数

    2、ajax的post方式(了解) 需要在apache服务器下运行
    post 可以从服务器获取数据 同get
    向服务器发送数据时 需要设置请求头
    ajax.setRequestHeader( “content-type”,“application/x-www-form-urlencoded” );

    3、同源策略
    同源 : 同一个来源 协议、域名、端口号
    http://localhost:80
    http://127.0.0.1:80
    http://localhost:8080
    https://localhost:80 和上面的路径访问地址不一样跨域现象

    同源策略: 是浏览器的一个安全机制 ,要保证用户数据的安全
    当使用ajax访问服务器数据时,必须要保证访问路径的协议、域名、端口号和 ajax请求的路径保持一致

    ajax 不能够跨域的原因是受同源策略的影响

    4、如何解决前端跨域问题?? jsonp
    什jsonp(json with padding) :利用script标签的src属性实现
    jsonp如何实现跨域请求服务器数据 原理 :
    1、动态创建一个script标签添加到body中
    2、设置script标签的src值这个值一般是一个接口路径(服务器路径)该接口路径上会有一个参数代表一个回调函数
    3、服务器通过对回调函数的调用完成数据的请求并将结果通过函数的参数返回

    jsonp的接口和ajax接口区别 :
    1、如果接口上有类似callback字样的参数就是jsonp接口,否则就是ajax接口
    2、jsonp接口返回的数据是对象 原生ajax接口返回数据是字符串
    3、jsonp只支持get方式请求数据 (路径传值)

    服务器请求数据方式 :get post [ put delete ]

    5、后端跨域 xhr2 CORS简称 xhr2(使用服务器解决的跨域) 后端(服务器)代理
    跨域实现 : header(“Access-Control-Allow-Origin:*”); 表示在任何域下都可以访问该接口 这样的接口ajax就可以访问

    总结 :
    跨域方式:jsonp xhr2 后端代理
    前端实现跨域 使用 : jsonp
    后端实现跨域 使用 : jsonp xhr2(cors) 后端代理

    了解几个协议
    TCP(Transmission Control Protocol 传输控制协议)是一种面向连接的、可靠的、基于字节流的传输层通信协议

    UDP 一种无连接的传输层协议,提供面向事务的简单不可靠信息传送服务

    HTTP是应用层协议,主要解决如何包装数据 http协议是web服务器默认的协议
    http协议特点 : https 安全协议
    是一个无状态协议
    基于请求响应的协议 get 请求路径传值 安全性较低 post 请求体 数据量大 安全性较高
    无法记录浏览器状态
    可以传输图片 文件 文字 声音

    HTTP(超文本传输协议)是利用TCP在两台电脑(通常是Web服务器和客户端)之间传输信息的协议。客户端使用Web浏览器发起HTTP请求给Web服务器,Web服务器发送被请求的信息给客户端。

    服务器和客户端

    服务器 : 为客户端提供服务的一台电脑 服务器软件
    服务器语言 : php --apache java – tomcat c# asp ---- iis
    客户端语言 : javascript 浏览器直接运行

    展开全文
  • 基于java的前端数据库的交互

    千次阅读 2021-03-09 22:49:46
    在之前很长一段时间都在搞前端部分,然后又大概了解了下数据库,现在想着把二者交融在一起吧……首先我在Eclipse中的布局是这样的,也不知道合不合理: 用到了四个文件,分别是用于用户输入信息的前端界面Input.jsp...

    在之前很长一段时间都在搞前端部分,然后又大概了解了下数据库,现在想着把二者交融在一起吧……

    首先我在Eclipse中的布局是这样的,也不知道合不合理:

    0a6ba99eaa4a67c5e2b5c8bd76d5de10.png

    用到了四个文件,分别是用于用户输入信息的前端界面Input.jsp,声明各个所需信息属性的Employ.java(话说这个可以称之为一个javabean),用于和数据库交互的EmployAdd.java,还有综合处理各种信息的GetServlet.java(这个是核心),接下来就一一展示吧……

    1.

    Input.jsp

    pageEncoding="utf-8"%>

    Insert title here

    添加学生信息

    姓名
    性别

    年龄
    所在班级

    1班

    2班

    3班

    4班

    5班

    提交

    重置

    很常规的操作,将顶端的编码都改成了utf-8,上篇也提到了,中文乱码问题,还是统一的好……在“性别”那里犯了个低级错误,在servlet中获取name=sex的值时我误以为是文本的男女,即外面的男or女,实际上获取的是value中的值,一开始没有设置,结果插到数据库中的是“on”。。还有就是action中的路径/GetServlet,之前翻开javaweb开发时就提到了路径问题,很大的篇幅,使用

    getContextPath()可以获取相对路径,避免了很多麻烦,貌似有些项目和运行路径不一致,在这里可以使用该命令获取项目的根目录,在本例中即/test,运行该页面显示的路径为:http://localhost:8080/test/Input.jsp,大家还可以了解一下

    getServletPath()、

    getRequestURI()等方法,都是获取各种路径的。

    在Tomcat中运行该jsp文件,输入相关数据:

    b2946613a544bf55edbfaf2080d18dca.png

    2.

    Employ.java

    package EmployAll;

    public class Employ {

    private String name;

    private String sex;

    private int age;

    private String cla;

    public String getName() {

    return name;

    }

    public void setName(String name) {

    this.name = name;

    }

    public String getSex() {

    return sex;

    }

    public void setSex(String sex) {

    this.sex = sex;

    }

    public int getAge() {

    return age;

    }

    public void setAge(int age) {

    this.age = age;

    }

    public String getCla() {

    return cla;

    }

    public void setCla(String cla) {

    this.cla = cla;

    }

    }

    这个没啥好说的,我们需要的四个属性和对应的set/get方法……

    3.

    EmployAdd.java

    package EmployAll;

    import java.sql.Connection;

    import java.sql.DriverManager;

    import java.sql.PreparedStatement;

    import java.sql.SQLException;

    public class EmployAdd {

    public boolean addEmploy(Employ employ) {

    String name=employ.getName();

    String sex=employ.getSex();

    int age=employ.getAge();

    String cla=employ.getCla();

    Connection conn=null;

    PreparedStatement pstat=null;

    //注册驱动

    String driver = "com.mysql.cj.jdbc.Driver";

    //URL指向要访问的数据库名mysql

    String url = "jdbc:mysql://localhost:3306/mysql?useSSL=false&serverTimezone=UTC&characterEncoding=utf8";

    //MySQL配置时用户名

    String user = "root";

    //MySQL配置时的密码

    String password = "123456";

    try {

    Class.forName(driver); //加载驱动程序

    conn=DriverManager.getConnection(url, user, password);//获取数据库链接

    String sql="insert into student (name,age,sex,cla) values (?,?,?,?)";

    pstat=conn.prepareStatement(sql); //创建prepareStatement类对象,用来执行SQL语句

    pstat.setString(1, name);

    pstat.setInt(2, age);

    pstat.setString(3, sex);

    pstat.setString(4, cla);

    pstat.executeUpdate();//执行sql语句

    pstat.close();

    conn.close();

    } catch(ClassNotFoundException e) {

    System.out.println("加载驱动异常!");

    e.printStackTrace();

    } catch(SQLException e) {

    System.out.println("获取连接异常!");

    e.printStackTrace();

    }catch (Exception e) {

    // TODO: handle exception

    e.printStackTrace();

    }

    return true;

    }

    }

    之前有篇博客专门写了java与数据库连接的,只不过上次是查询,这次是插入,内容也很常规,用到了prepareStatement对象,它是预编译的sql语句对象,可以先用?来代替对应值,而后再用setXXX插入具体值,详细的解释大家可以查一下文档~~~下面的处理异常时的确出了问题,先是找不到驱动,这个在上一篇已经说了,jar包的问题,然后获取连接异常,结果发现values拼写错误。。

    4.

    GetServlet.java

    public class GetServlet extends HttpServlet {

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    // TODO Auto-generated method stub

    response.setContentType("text/html");

    request.setCharacterEncoding("utf-8");

    String name=request.getParameter("name");

    String sex=request.getParameter("sex");

    String age=request.getParameter("age");

    String cla=request.getParameter("class");

    Employ employ=new Employ();

    employ.setName(name);

    employ.setSex(sex);

    employ.setAge(Integer.parseInt(age));

    employ.setCla(cla);

    EmployAdd ema=new EmployAdd();

    ema.addEmploy(employ);

    }

    }

    创建一个servlet,默认的我就不添加了,代码太多了,由于我们用到的是post方式,只修改它就行了。先是设置各种格式,这个也出了错,上篇已经比较详细地介绍了,编码方式需要统一,这个很重要。。接下来就是通过getParameter()方法获取对应name的值,然后创建一个Employ对象,用set()将获取的前端用户输入的值收入囊中,最后创建一个EmployAdd对象调用addEmploy()方法,在这个方法一开始便是使用

    Employ对象的get()方法获取之前set的值,这样处理数据库连接的类便拿到了用户输入的值并将其放到数据库中……

    大体就是这样,接下来增加些难度,看看会不会出现惊喜。

    c3e2ee830c5f5194160c1ced85aa217e.png

    之前一直乱码,直到“最终”同学出现才搞定~~~(小刚小明和小红是在mysql中直接写入的)

    展开全文
  • 什么前端、后端、数据库

    千次阅读 2021-05-01 10:34:53
    服务器相当于前端数据库的中间人的角色 语言:Java、Python、JavaScript、Go等 数据库 解释:负责存储数据,并根据服务器的请求查找并返回需要的数据 语言:SQL、MySQL 举一个具体的例子: ​ 用户在前端/客户端...

    前端/客户端

    解释:在浏览器内运行,给用户看的网页

    语言:HTML、CSS、JavaScript

    后端/服务器端

    解释:在一台电脑/服务器电脑上运行,负责接收前端的请求以及处理发给前端的数据,处理业务逻辑以及数据。服务器相当于前端和数据库的中间人的角色

    语言:Java、Python、JavaScript、Go等

    数据库

    解释:负责存储数据,并根据服务器的请求查找并返回需要的数据

    语言:SQL、MySQL

    举一个具体的例子:

    ​ 用户在前端/客户端输入用户名和密码,向后端/服务器发起HTTP/HTTPS请求(Request),后端接收到请求之后,向数据库发起查询(Query),数据库中查询用户名和密码是否正确,查询完毕向后端返回结果以及用户的其他信息,后端接收到这些数据之后,向前端发起HTTP/HTTPS请求(Response),前端接收到请求之后,在页面上渲染出来。

    ​ 在整个过程中,前端不会直接触碰到数据,保证了数据的安全性,否则用户可以利用浏览器工具查看到前端的源码,解析出数据,造成安全隐患。

    展开全文
  • 前端开发语言有哪些?需要掌握什么?通常前端开发在基础阶段掌握html+css+js+jq;框架语言阶段掌握vue+react+小程序;后端掌握nodejs+mongdb+云开发;UI框架阶段熟悉常见的有elementui+ang系列。 必须掌握的前端...
  • 前端界面操作数据库

    2021-02-08 16:06:52
    前端界面操作数据库一、思维导图二、知识点介绍前端操作数据要用到的不仅仅是浮现在用户前面的一堆控件,控件的背后还需要代码的支持才能真正的做到,运用前端操作数据库。首先,我们要连接数据库:Initialize...
  • 自学前端之Mysql数据库

    千次阅读 2020-07-05 15:33:47
    这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、...
  • 数据库与后端语言

    2021-06-02 21:30:28
    后端语言,在Web应用中实际上就是向前端提供需要显示网页内容的数据,这些数据大多从数据库中获取。当然后端语言不只是操作数据,还有安全、分布式、负载均衡等。 总结 数据库:用来存储数据的,类似excel表格形式...
  • 项目开发的基本流程大致如下: 1.需求分析; 2.设计架构,数据库...前端指的是用户可见的界面,网站前端页面也就是网页的页面开发,比如网页上的特效、布局、图片、视频,音频等内容。前端的工作内容就是将美工...
  • 前端|HTML5也能操作数据库

    千次阅读 2020-05-11 00:00:00
    2 Web Sql的内容 2.1 三个核心方法 (1)openDatabase:这个方法使用现有的数据库或者新建的数据库创建一个数据库对象。 (2)transaction:这个方法让我们能够控制一个事务,以及基于这种情况执行提交或者回滚。 ...
  • golangExcel go语言实现本地excel数据导入数据库
  • 这让我们前端也可以像php等程序语言一样,进行数据库的读写操作。Web Storage存储本地数据的方法目前可以在许多主流浏览器、平台与设备上实现,与之相关的API也已经标准化,但是,Web Storage存储空间是有5MB,键值...
  •  SQL是一门用于访问和处理数据库的ANSI的标准计算机语言。但是,存在着很多不同版本的SQL语言,为了与ANSI(美国标准学会)标准相兼容,它们必须以相似的方式共同地来支持一些主要的关键词(如 SELECT、UPDATE、...
  • mediaCat-GTK是跨平台的GUI数据库前端,旨在允许您索引和搜索mp3,dvd和cd集合。 它是使用新PHP-GTK语言绑定编写的,当前支持与mySQL和任何支持的数据库的连接b
  • 展开全部Oracle数据库内核是C编写的。但是,大部分代码在数据库内部执行,并且使用PL / SQL和Java(使用嵌62616964757a686964616fe78988e69d8331333431366361入在内核中的JVM)进行开发。外围工具(SQL Developer,...
  • SQL语言:SQL语句基础和提高、SQL语句调优。 熟练掌握SQL语句;掌握一定的数据库查询技巧及SQL语句优化技巧。Oracle数据库:Oracle体系结构及系统管理、Oracle数据库高级编程、数据库设计基础。 掌握Oracle体系结构及...
  • 如果您也想使用vue.js结合后台语言(nodejs,java等)开发一个带前逐步的完整应用的话,参考DBM前端工程的实现也许能够帮您解决以下问题 如何提高组件的附加性? 如何使用状态管理中的多模块? 如何实现页面级,元素...
  • 自己总结的web前端面试题之数据库

    千次阅读 2017-10-23 16:12:53
    这是总结一般公司里会问到的html+css相关内容面试题,大家可以一起学习一下,如果有什么不对的,或者您遇到过的面试题,请留言,我来陆续添加
  • RAD数据库前端工具,用于使用嵌入式Python作为脚本语言在SQLite,PostgreSQL和MySQL上构建基于富客户端基于GTK的GUI应用程序
  • 1、具有一定Python语言基础,有一定的web前端基础,想要深入学习Python Web框架的朋友; 2、学习完“跟着王进老师学开发Python篇”“跟着王进老师学Web前端开发”的朋友; 3、有Django基础,但是想学习企业级项目...
  • 一套微信小程序商城源码+thinkPHP后台管理+Mysql数据库 中和管理 产品管理 品牌管理 会员管理 管理员设置 订单管理分内管理 优惠券管理 广告管理等
  • 菜鸟教程:...https://www.linuxidc.com/index.htm 电子书籍:https://gitee.com/itwanger/JavaBooks#Spring Springboot2.0使用手册:https://segmentfault.com/a/1190000015922329 等等…………
  • Java连接MYSQL 数据库的连接步骤

    千次阅读 2021-01-31 03:28:07
    在命令行或一个SQL的前端软件创建Database。 我是SQLyog的前端软件来创建Database的。 先创建数据库: CREATE DATABASE SCUTCS; 接着,创建表: 1 CREATE TABLESTUDENT2 (3 SNO CHAR(7) NOT NULL,4 SNAME ...
  • bankingApplication:这是一个基本的银行网站,它存储一些用户的一般信息,并为我们提供了在他们的帐户之间转移资金的... 前端使用语言是html,css和javascript,数据库使用语言是mongodb,后端使用语言是nodeJs
  • 我对前端和后端语言的选择也有些困惑。我唯一能想到的是,您可能拥有一个C#编写的网站,也许还有一个F#提供功能方面的类库/服务(更可能的服务)。到网站。就异步而言...
  • 学会使用高级语言访问MySQL数据库,并进行查询。 2.实验环境 Windows XP操作系统、MySQL关系数据库管理系统、MinGW编译器或Microsoft Visual C++编译器。 本次实验主要利用C语言访问MySQL数据库,也可以使用JAVA...
  • JavaScript操作数据库JS操作Access数据库,跟其他语言操作差不多,总结了一下习惯代码,仅供参考学习。 现在在F盘有文件abc.mdf,表名为Student,一共2个字段,Id数字类型主键,stuName文本类型,现对该表进行增删改...
  • 从狭义上讲,Web前端工程师使用HTML、CSS、Java等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端、移动端网页,处理视觉和交互问题。从广义上来讲,所有用户终端产品与视觉和交互有关的部分,都是Web...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 138,419
精华内容 55,367
关键字:

数据库前端用什么语言