React学习笔记
React 学习笔记
本学习,是阅读React官方入门文档,并记录的笔记。内容参照:React官方快速入门
node.js创建React项目
直接执行下述命令,即可直接本路径下生成项目文件。
1npm init react-app my-app-name
项目结构如下:
react项目结构
public/index.html 为页面模板;
src/index.js 是 JavaScript 入口点;
一般在src 中创建子目录。
JSX: 将标签引入 JavaScript
每个 React 组件都是一个 JavaScript 函数,它会返回一些标签,React
会将这些标签渲染到浏览器上。
JSX规则:
只能返回一个根元素。如果有多个元素,可以用
<div>包裹起来
标签必须闭合
由于JSX 最终会被转化为 JavaScript,而JavaScript
对变量的命名有限制(例如,变量名称不能包含 - 符号或者像
class
这样的保留字),因此建议使用驼峰命名
在 JSX...
Git常用命令
Git常用命令
1. 简易创建仓库
github创建仓库并从本地更新最简单的方式为:
在github网站手动创建仓库
git clone + URL 克隆下来
2.
从本地创建仓库并推送至Github
2.1
本地创建分支并推送到指定远端仓库
新建文件夹
执行 git init 将文件夹初始化为一个git工作目录
执行 git branch -b "branch_name" 创建一个本地分支
git add . & git commit -m "注释"
在远端创建一个仓库 test-remote-repository
执行git remote add branch_name git@github.com:UserName/test-remote-repository.git
将本地分支与远端仓库链接起来
执行 git push -u branch_name
即可在远端创建一个同名分支,路径为
remotes/origin/branch_name
3. 重命名分支
3.1...
Spring学习笔记 - Part4
Spring 学习笔记 -
Part4 - Spring 整合MyBatis
学习资源来自B站黑马程序员:
https://www.bilibili.com/video/BV1Fi4y1S7ix/?p=20&share_source=copy_web&vd_source=c76bb3d6e0326c966bf1bf32db90eb22
XML方式实现
MyBatis程序核心对象分析
123456789101112131415161718//1.创建SqlSessionFactoryBuilder对象SqlSessionFactoryBuilder sqlSessionFactoryBuilder = new SqlSessionFactoryBuilde();//2.加载SqlMapConfig.xml配置文件InpiyStream inputStream =...
Spring学习笔记 - Part3
Spring 学习笔记 - Part3
学习资源来自B站黑马程序员:
https://www.bilibili.com/video/BV1Fi4y1S7ix/?p=20&share_source=copy_web&vd_source=c76bb3d6e0326c966bf1bf32db90eb22
注解开发
注解开发定义bean
1. 直接在类名上面添加注解, 使用 @Component()
定义 bean
1234567@Component("bookDao")public class BookDaoImpl implements BookDao{ @Override public void save() { System.out.println("book dao save"); }}
2.
配置文件增加context命名空间,用命名空间扫描对应类的package
1234567891011121314151617<?xml...
Spring学习笔记 - Part2
Spring 学习笔记 - Part2
学习资源来自B站黑马程序员:
https://www.bilibili.com/video/BV1Fi4y1S7ix/?p=20&share_source=copy_web&vd_source=c76bb3d6e0326c966bf1bf32db90eb22
Spring 管理第三方数据源
在pom.xml 导入依赖
123456789101112131415161718192021222324252627<dependencies> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-context</artifactId> <version>5.2.10.RELEASE</version> </dependency> ...
Spring学习笔记 - Part1
Spring 学习笔记 - Part1
学习资源来自B站黑马程序员:
https://www.bilibili.com/video/BV1Fi4y1S7ix/?p=20&share_source=copy_web&vd_source=c76bb3d6e0326c966bf1bf32db90eb22
IoC入门
123456<!--步骤1:导入Spring坐标--><dependency> <groupId>org.springframework</groupId> <artifactId>spring-context</artifactId> <version>5.2.10.RELEASE</version></dependency>
1234567891011//步骤2:定义Spring管理的类(接口)public interface BookService{ void...
MyBatis 学习笔记
MyBatis 学习笔记
Mybatis官方参考网址:https://mybatis.org/mybatis-3/zh/
MyBatis 是一款持久层框架,用于简化 JDBC 开发。
将硬编码写道配置文件,繁琐操作自动完成。
免除了几乎所有的 JDBC
代码,以及设置参数和获取结果集的工作。
快速入门
已有数据库
1234567891011mysql> use mybatisDatabase changedmysql> select * from tb_user;+----+----------+----------+--------+------+| id | username | password | gender | addr |+----+----------+----------+--------+------+| 1 | zhangsan | 123 | 男 | 北京 || 2 | 李四 | 234 | 女 | 天津 || 3 | 王五 | 11 | 男 |...
JDBC学习笔记
JDBC 学习笔记
学习参考链接:
https://www.bilibili.com/video/BV1Qf4y1T7Hx/?p=30&share_source=copy_web&vd_source=c76bb3d6e0326c966bf1bf32db90eb22
简介
简单来说,JDBC是一种规范,可以通过同一套代码,配合不同数据库驱动实现数据库的操作。
快速入门
123456789101112131415161718192021222324// 注册驱动Class.forName("com.mysql.jdbc.Driver");// 获取连接String url = "jdbc:mysql://localhost:3306/itheima";String username = "root";String password = "123456";Connection conn = DriverManager.getConnection(url, username,...
MySQL学习笔记-Part3
MySQL 学习笔记 Part3
学习链接来自黑马程序员:
https://www.bilibili.com/video/BV1Kr4y1i7ru/?p=22&share_source=copy_web&vd_source=c76bb3d6e0326c966bf1bf32db90eb22
函数
字符串函数
数值函数
例子
生成一个六位数的随机验证码
123-- 生成一个六位数的随机验证码select lpad(floor(rand() * 1000000),6,"0");
日期函数
流程函数
约束
例子
12345678910create table user( id int primary key auto_increment comment '主键', name varchar(10) not null unique comment '姓名', age int check ( age > 0 and age...
MySQL学习笔记-Part2
MySQL 学习笔记 Part2
学习链接来自黑马程序员:
https://www.bilibili.com/video/BV1Kr4y1i7ru/?p=22&share_source=copy_web&vd_source=c76bb3d6e0326c966bf1bf32db90eb22
创建一个表
123456789create table emp( id int comment "编号", workno varchar(10) comment "工号", name varchar(10) comment "姓名", gender char(1) comment "性别", age tinyint unsigned comment "年龄", idcard char(18) comment "身份证号", entrydate date comment...