당신은 주제를 찾고 있습니까 “mysql web 연동 – 웹애플리케이션 만들기 – MySQL 실습1 : PHP와 연동“? 다음 카테고리의 웹사이트 you.tfvp.org 에서 귀하의 모든 질문에 답변해 드립니다: you.tfvp.org/blog. 바로 아래에서 답을 찾을 수 있습니다. 작성자 생활코딩 이(가) 작성한 기사에는 조회수 58,184회 및 좋아요 144개 개의 좋아요가 있습니다.

mysql web 연동 주제에 대한 동영상 보기

여기에서 이 주제에 대한 비디오를 시청하십시오. 주의 깊게 살펴보고 읽고 있는 내용에 대한 피드백을 제공하세요!

d여기에서 웹애플리케이션 만들기 – MySQL 실습1 : PHP와 연동 – mysql web 연동 주제에 대한 세부정보를 참조하세요

생활코딩은 일반인에게 프로그래밍을 알려주는 활동입니다. 더 많은 정보를 원하시면 http://opentutorials.org/course/1를 방문해주세요.

mysql web 연동 주제에 대한 자세한 내용은 여기를 참조하세요.

PHP-MySQL 연동하여 원하는 웹 만들기 – 섭섭입니다

학교에서 진행하는 capston 대회 중 웹, 데이터베이스가 필요할 것 같아서 생활코딩 사이트를 통해 공부해 … PHP-MySQL 연동하여 원하는 웹 만들기.

+ 여기에 보기

Source: seopseop911.tistory.com

Date Published: 7/15/2022

View: 5555

웹과 데이터베이스 연동하기(1) – I-Tstory

이 내용은 처음 프로그래밍을 시작하는 입문자의 눈높이에 맞춘 생활코딩! php+mysql 책의 내용을 포함하고 있습니다.

+ 여기에 보기

Source: lucete1230-cyberpolice.tistory.com

Date Published: 11/6/2022

View: 1717

HTML, PHP, MySQL 연동해서 웹에서 입력된 값 데이터베이스 …

기본 데이터베이스 MySQL 구성 blog 라는 데이터 베이스 안에 booklist라는 테이블이 있습니다. CREATE TABLE booklist( INT NOT NULL …

+ 여기에 더 보기

Source: soopeach.tistory.com

Date Published: 11/23/2022

View: 8784

Php로 웹 개발하기 : 로그인(1) – 기초 Setting – 학습 기록장

다음 글 : [모의해킹_실습] – Php로 웹 개발하기 : 로그인 페이지 만들기(2) – MySQL 연동 Error 해결하기 1) 우선 MySQL에 데이터베이스를 구축하자.

+ 여기에 자세히 보기

Source: hanuscrypto.tistory.com

Date Published: 10/20/2021

View: 6969

Node.js(Express)와 MySQL 연동 – PoiemaWeb

MySQL은 GPL/Commercial License의 듀얼 라이선스가 적용된다. #2. Express Hello world example. Node.js(express)와 MySQL 연동을 위한 모듈 중 대표적인 mysql 대해 …

+ 자세한 내용은 여기를 클릭하십시오

Source: poiemaweb.com

Date Published: 12/10/2022

View: 4422

[MySQL] PHP와 MySQL 연동 – Little More

php와 mysql연동 시 주의할 점은 아래와 같다. … <> 태그 안에 복붙 하고 만 구조에 맞게 수정하면 됨; 웹 구조 짜는 건 div태그 (어렵).

+ 여기에 표시

Source: perconsi.tistory.com

Date Published: 4/5/2021

View: 8243

PHP와 MySQL의 연동 원리 – 생활코딩

생활코딩 > WEB > WEB2 – PHP > WEB3 – PHP & MySQL 공동공부 (200명) … PHP와 MySQL의 연동원리를 살펴봅니다. 또 왜 PHP와 같은 기술을 Mdle …

+ 자세한 내용은 여기를 클릭하십시오

Source: opentutorials.org

Date Published: 2/20/2021

View: 5237

PHP-MySQL 연동하여 원하는 웹 만들기

PHP-MySQL 연동하여 원하는 웹 만들기. 학교에서 진행하는 capston 대회 중 웹, 데이터베이스가 필요할 것 같아서 생활코딩 사이트를 통해 공부해 …

+ 여기에 표시

Source: jp-hosting.jp

Date Published: 10/20/2021

View: 844

DB를 연동한 웹을 만들기 – 이번 생은 처음이라

JS는 미수강상태…이거 다하고 들을예정..) 물음2.DB는 어떻게 만드는가 생활코딩님의 DB,MYSQL수업, 혼자공부하는 SQL …

+ 여기에 보기

Source: bbb-doit.tistory.com

Date Published: 7/29/2022

View: 1646

[AWS] 웹 서버에서 php 실행 및 MySQL 연동하기, RDS, EC2 …

[AWS] 웹 서버에서 php 실행 및 MySQL 연동하기, RDS, EC2, VPC … MySQL을 사용할거니까 지정해주고; 소스에 아까 만든 웹 서버용 보안그룹을 사용 …

+ 여기에 더 보기

Source: imjeongwoo.tistory.com

Date Published: 3/21/2021

View: 8720

주제와 관련된 이미지 mysql web 연동

주제와 관련된 더 많은 사진을 참조하십시오 웹애플리케이션 만들기 – MySQL 실습1 : PHP와 연동. 댓글에서 더 많은 관련 이미지를 보거나 필요한 경우 더 많은 관련 기사를 볼 수 있습니다.

---

주제에 대한 기사 평가 mysql web 연동

• Author: 생활코딩
• Views: 조회수 58,184회
• Likes: 좋아요 144개
• Date Published: 2015. 4. 2.
• Video Url link: https://www.youtube.com/watch?v=LSJY-g4z1oc

PHP-MySQL 연동하여 원하는 웹 만들기

반응형

학교에서 진행하는 capston 대회 중 웹, 데이터베이스가 필요할 것 같아서 생활코딩 사이트를 통해 공부해 보았다.

생활코딩site : https://opentutorials.org/course/1

웹에서 사용자에게 입력받은 것들을 MySQL 이라는 데이터베이스에 저장하여 관리하고

그것을 이용해 보는 것을 매우 간단하게 해 보았다.

아파치 라는 웹 서버 프로그램을 사용 했고 MySQL , PHP 를 이용해서 만들어 보았다.

WAMP를 다운로드 하여 Apache, MySQL, PHP 를 한 번에 다운로드 할 수 있었고 그에 따라서 진행하였다.

https://seopseop911.tistory.com/27

우선 MySQL에서 데이터베이스와 TABLE을 짠다.

학교 capston 대회에 참가하게 돼 DATABASE의 이름을 capston 이라 지음.

mysql> CREATE DAtABASE capston;

mysql> use capston;

mysql> create table topic( -> id int(11) not null AUTO_INCREMENt primary key, -> stNUM int(11) null, -> name varchar(30) null, -> temperature decimal(7,2) null, -> created DATETIME NOT NULL);

id 값은 자동적으로 증가 하도록,

stNUM은 사용자입력 값이기에 NULL

name은 사용자입력 값이기에 NULL

temperature은 소숫점이 가능하기에 형식을 decimal(7,2) 로 하였고 NULL

created는 자동적으로 시간을 체크하여 표기해 주도록 하였다.

아래의 사진은 만들어진 topic 이라는 table의 형식이다.

Database에 값을 insert하는 것은 웹에서 할 것이다.

< create.php >

Hoseo University

당신의 학번, 이름, 체온을 입력하세요.

< process_create.php >

mysqli_real_escape_string($conn, $_POST[‘stNUM’]), ‘name’=>mysqli_real_escape_string($conn, $_POST[‘name’]), ‘temperature’=>mysqli_real_escape_string($conn, $_POST[‘temperature’]) ); $sql = ” INSERT INTO topic (stNUM, name, temperature, created) VALUES( ‘{$filtered[‘stNUM’]}’, ‘{$filtered[‘name’]}’, ‘{$filtered[‘temperature’]}’, NOW() ) “; $result = mysqli_query($conn, $sql); if($result === false){ echo ‘저장하는 과정에서 문제가 생겼습니다. 관리자에게 문의해주세요’; error_log(mysqli_error($conn)); } else { echo ‘성공했습니다. 돌아가기‘; } ?>

위와 같이 코드를 짜서 접속해 보면 아래와 같이 웹이 만들어 진다.

학번, 이름, 체온을 입력하여 제출 버튼을 클릭하면 “성공했습니다.” 라는 메시지가 뜨고

mysql 에서 select * from topic; 을 입력해보면

아래와 같이 MySQL에 데이터 값이 insert 된 것을 볼 수 있다.

그리고 웹에서 데이터를 직관적으로 볼 수 있게 끔 alldata.php 파일을 만들어 아래와 같이 사용하였다.

< alldata.php >

Database

‘; $sql = “SELECT * FROM topic”; $result = mysqli_query($conn, $sql); while($row = mysqli_fetch_array($result)) { echo $row[‘stNUM’].’ ‘.$row[‘name’].’ ‘.$row[‘temperature’].’
‘; echo $row[‘created’].’
‘.’
‘; }

핸드폰에서 웹서버 접속 영상

생활코딩에서는 사용자가 입력할 수 있는것에 대해선 모두 의심하라. 라고 하였다

보안 관련문제도 좀 더 공부해 보아야 할 것이다.

그리고 좀 더 구체적인 계획과 의도가 생긴다고 좀 더 구성해 볼 필요성이 있다.

반응형

웹과 데이터베이스 연동하기(1)

728×90

이 내용은 처음 프로그래밍을 시작하는 입문자의 눈높이에 맞춘 생활코딩!

php+mysql 책의 내용을 포함하고 있습니다.

스스로 공부하고, 공부한것을 정리하기 위한 목적으로 올리는 것입니다.

먼저 웹과 데이터베이스 연동을 위해, 웹에서 기본적으로 준비할 파일을 하나 만들어 보자.

기본적인 HTML 골격을 잡아준다. 이를 기반으로 하나하나 PHP를 이용해 데이터베이스를 연동하는 작업을 해보자.

웹이 준비가 되었으니, 웹 애플리케이션의 테이블을 보관할 데이터베이스, 다른 말로 스키마를 만들어 보자.

사용할 Database는 MariaDB(사실상 MySQL과 다를게 없음)이며, 설치에 관련한 설명은 생략하겠다.

아래 순서대로 실습을 따라해보자! (빨간 네모 박스 부분을 주의깊게 보면됨)

1. Database 생성하기

: CREATE DATABASE opentutorials;

2. Database 사용하기

: use opentutorials;

❗ ❗ 여기서 잠깐 ❗ ❗

데이터를 저장할 수 있는 표를 만든다고 생각하고 표에 이름이 테이블명(table) 표의 들어가는 주제 값. 즉 각 열을 구분 해주는 대표가 되는 이름을 컬럼명 이라고 생각하고 만들어 보자!

3. topic table 생성하기

표의 이름은 topic, 컬럼명은 id(각 행을 식별하기 위한 식별자),

title(제목), description(본문), created(글 생성시간)이다.

id – 정수이고 11글자까지 보여주겠다. id 값은 식별자이기 때문에 없으면 안된다는 의미에서 NOT NULL지정,

행 추가 시 특별히 id 값을 insert 문에 언급하지 않으면 자동으로 1 씩 증가하도록 AUTO_INCREMENT지정.

title – 45글자 지정, 제목이 없으면 안되므로 NOT NULL

description(본문) – 내용이 길어질 수 있으니 text로 지정

created – 생성일은 날짜 시간을 지적하는 것이 적절(datetime이라는 데이터 타입), 비워둘 필요 x = NOT NULL

primary key = id – > 중복x , 식별자

마지막 줄은 지정 해도 되고 안해도 되지만, 굳이 지정하자면

MySQL의 가장 핵심적인 부분은 교체가 가능한데, 교체 가능한 종류가 여러가지이다. 그 중 하나가

ENGINE= innoDB 즉 innoDB인것이고 이것은 기본값이기 때문에 따로 지정하지 않아도 기본으로 지정된다.

4. table 구조 확인 하기

테이블 내에 데이터가 없으면 select로 조회해도 데이터가 없다고 뜬다.

테이블의 구조 자체를 확인하려면 desc table명(topic)으로 확인 할 수 있다.

여기까지 연결할 준비가 완료되었다.

반응형

HTML, PHP, MySQL 연동해서 웹에서 입력된 값 데이터베이스로 보내기(도서 등록 시스템 간단 구현)

반응형

기본 데이터베이스 MySQL 구성

blog 라는 데이터 베이스 안에 booklist라는 테이블이 있습니다.

CREATE TABLE booklist( id INT NOT NULL AUTO_INCREMENT, title VARCHAR(20), author VARCHAR(20), date DATE, PRIMARY KEY(id) );

위의 명령어로 테이블을 생성하였고

요러한 형태입니다.

필드는 아이디, 제목, 작가, 날짜 순으로 되어있습니다.

PHP와 MySQL 연동

MySQL과 연동시켜줄 PHP파일을 만들어주었습니다.

connect_error) echo “

접속에 실패하였습니다.

“; else echo “

접속에 성공하였습니다.

“; ?>

접속에 성공하였다면 접속에 성공하였습니다. 를 실패하였다면 접속에 실패하였습니다. 를 출력하게 만들었습니다.

정상적으로 접속에 성공한 것을 확인할 수 있습니다.

HTML 페이지 구성하기

코드 구성

도서 추가하기

등록할 책 정보를 입력해주세요

---

책 이름을 입력해주세요
작가명을 입력해주세요
출판된 날짜 입력해주세요

위와 같이 코드를 구성하였습니다 form을 통해 check.php와 연결하고 post를 통해 데이터를 주고받게 됩니다.

HTML 페이지 화면

웹 페이지에서는 위와같이 구성이 됩니다.

PHP 구성하기

check.php 코드 구성

추가할 책의 제목은 {$title}, 작가명은 {$author}, 출판된 날짜는 $date

“; # insert sql 작성 $sql = “INSERT INTO booklist (title, author, date) VALUES(‘$title’, ‘$author’, ‘$date’)”; if($conn->query($sql))echo “

도서등록 성공

“; else echo “

도서등록 실패

“; ?>

check.php는 위와 같이 구성되어 있습니다. 미리 만들어두었던 connect.php를 이용하여 접속을 하고 POST로 데이터를 받아온 후 화면에 출력해줍니다. 그 후 MySQL의 INSERT 구문을 사용하여 입력받은 책의 정보를 booklist 테이블에 등록합니다.

id는 자동 증가로 설정을 해 놓았기 때문에 id필드를 제외한 필드값의 데이터를 입력합니다.

데이터베이스에 정상적으로 등록이 되었다면 “도서등록 성공”을 실패하였다면 “도서등록 실패”를 출력합니다.

check.php 출력화면

HTML에서 입력한 화면

CHECK.PHP에서 출력되는 화면

정상적으로 등록이 되었다고 합니다. MySQL에서 확인해보도록 하겠습니다.

입력한 데이터가 정확히 booklist 테이블에 저장된 모습을 확인할 수 있습니다.

도서 목록 조회하기

HTML 수정

위에서 만든 html 파일의

아래에 도서 목록 조회하는 php 파일로 가도록 버튼을 하나 만들어줍니다.

아래에 도서 목록을 조회하는 버튼이 하나 더 생기게 됩니다.

select.php 구성

query($sql); if(isset($result) && $result->num_rows >0){ while($row = $result->fetch_assoc()){ echo $row[‘id’].”번 책의 데이터입니다.”; echo “책의 제목 : “.$row[‘title’].”
“; echo “작가의 이름 : “.$row[‘author’].”
“; echo “출판된 날짜 : “.$row[‘date’].”

---

“; } } else echo “검색된 데이터가 없습니다.”; ?>

마찬가지로 mysql과 연동을 먼저하고 SELECT * FROM booklist 쿼리문으로 booklist에 있는 모든 데이터를 가져옵니다.

쿼리문을 실행한 결과를 $result에 담고 반환 값이 있다면 책 리스트를 순차적으로 출력합니다. 검색된 데이터(책의 정보)가 없다면 검색된 데이터가 없다고 출력해줍니다.

select.php 출력화면

정상적으로 책의 목록이 출력되는 것을 볼 수 있습니다.

아래 화면은 책의 데이터들을 조금 더 넣고 출력한 모습입니다.

책의 데이터도 정상적으로 들어가고 id값도 순차적으로 잘 올라갑니다!

mysql에서 확인해보아도 정상적으로 등록된 모습을 확인할 수 있습니다!!

반응형

Php로 웹 개발하기 : 로그인(1) – 기초 Setting

반응형

다음 글 : [모의해킹_실습] – Php로 웹 개발하기 : 로그인 페이지 만들기(2) – MySQL 연동 Error 해결하기

1) 우선 MySQL에 데이터베이스를 구축하자.

mysql > CREATE DATABASE dbname; mysql > USE dbname; mysql > CREATE table ‘tbname’ ( → ‘id’ int(10) NOT NULL AUTO-INCREMENT, → ‘login_id’ varchar(20) NOT NULL, → ‘login_pw’ varchar(20) NOT NULL, → PRIMARY KEY(id) → ); mysql > SHOW tables; // tbname이 제대로 출력되면 ok! mysql > INSERT into tbname values (1, ‘id’, ‘pw’); mysql > SELECT * from tbname; // id, login_id, login_pw가 제대로 출력되면 ok!

데이터베이스를 만들어준 후 로그인 아이디와 패스워드를 넣은 테이블을 하나 생성해 준다.

테이블을 생성할 때는 Indentation을 신경 쓰자. 우선 PRIMARYRYKEY는 id로 설정해 주었는데, 중복된 아이디를 제거하기 위해 login_id로 설정하는 것도 좋을 것 같다.

2) php 로그인 form 만들기

/var/www/html 경로에 php 파일을 하나 생성하자.

(태그 구조는 나중에 CSS 넣을 때 차차 바꾸고, 우선은 빠르게 작성하고 작동이 잘 되는지를 확인해 보자.)

VSCode에서는 !를 입력하고 엔터를 치면 자동으로 기본 html 뼈대를 만들어준다.

위와 같이 작성한 후 http://localhost/index.php로 확인해 보면 로그인 창이 떠 있는 것을 볼 수 있다.

3) php – mysql 연동하기

alert(‘등록되지 않은 사용자입니다.’)“; } mysqli_close($conn); } ?>

위 코드를 php 파일에 삽입해 준다.

첫 if 문은 사용자가 로그인 버튼을 눌렀을 때 ID와 PW 칸에 넣은 데이터가 있는지 확인한다.

데이터가 있다면, ID 칸에 넣은 데이터를 $username에 넣어주고, PW 칸에 넣은 데이터를 $password에 넣어준다.

그 뒤로는 mysql과 연동해서 mysql에 저장해 놓은 id와 pw 값을 가져오는 것이다.

$conn 부분에 적은 id와 pw는 mysql에 로그인하기 위한 id와 pw을 의미한다.

(마찬가지로 dbname은 위에서 만들었던 데이터베이스의 이름을 의미한다.)

사용자가 입력한 ID, PW 모두 mysql에 만들어 놓았던 table의 login_id, login_pw와 일치한다면 $result가 존재하고, 그렇게 되면 새로운 페이지 (mainpage.php로 만든 페이지)로 이동하고, 아니라면 경고창을 띄우도록 코드를 작성했다.

login.php 파일을 만든 후

로그인 성공

같은 간단한 문구를 넣고 테스트해보자.

반응형

PoiemaWeb

1. Introduction

MySQL은 오픈 소스의 관계형 데이터베이스 관리 시스템(RDBMS)이다. WordPress의 기본 데이터베이스이며 알려진 대부분의 프로그래밍 언어를 위한 드라이버를 지원하고 있다. AMP(Apache-MySQL-PHP) 플랫폼의 데이터베이스 구성체로 작동한다.

SUN이 인수한(SUN Microsystems에 10억 달러에 인수되었으나, Oracle이 SUN Microsystems를 인수하였다.) 이후, 중소기업이나 개인용 사이트뿐만 아니라 대기업에서도 점차 관심을 보이고 있다. 현재 Wikipedia, Goggle(검색 엔진 제외), Facebook, Tweeter, Youtube 등에서 MySQL을 사용하고 있다.

MySQL은 GPL/Commercial License의 듀얼 라이선스가 적용된다.

2. Express Hello world example

Node.js(express)와 MySQL 연동을 위한 모듈 중 대표적인 mysql 대해 알아본다.

사전에 MySQL이 설치되어 있어야 한다. 설치 방법은 설명하지 않으니 별도로 검색하여 설치하기 바란다.

우선 간단한 express Hello world example을 만들어 보자.

Express에 대한 자세한 내용은 아래의 포스트를 참조하기 바란다.

적당한 위치에 애플리케이션 디렉터리를 생성하고 npm init 를 실행한다. 일단 기본 설정(yes option)으로 package.json을 생성한다.

$ mkdir express-mysql-example $ cd express-mysql-example $ npm init –yes

express와 mysql 모듈을 설치한다.

$ npm install express mysql

package.json을 아래와 같이 수정한다.

{ “name”: “express-mysql-example”, “version”: “0.0.1”, “description”: “”, “main”: “index.js”, “scripts”: { “start”: “node index” }, “dependencies”: { “express”: “^4.17.1”, “mysql”: “^2.18.1” } }

다음은 루트 디렉터리에 index.js를 생성한다.

// index.js console.log(‘Hello world’)

애플리케이션을 실행하여 콘솔에 ‘Hello world’가 출력되는 것을 확인한다.

$ npm start

3. 테이블 생성 및 테스트용 데이터 삽입

MySQL에 접속하여 테이블을 생성하고 테스트용 데이터를 insert해 놓자.

CREATE DATABASE IF NOT EXISTS my_db; USE my_db; CREATE TABLE IF NOT EXISTS Users ( id VARCHAR(45) NOT NULL, password VARCHAR(45) NOT NULL, PRIMARY KEY (id)); INSERT INTO Users (id, password) VALUES (‘ungmo2’, ‘1234’); SELECT password FROM Users WHERE id=’ungmo2′;

4. Node.js와 MySQL 연동

index.js를 아래와 같이 변경한다.

createConnection 메소드의 인자로 전달되는 객체에 자신의 데이터베이스 정보(유저명과 패스워드 등)를 입력하여야 한다. 설정 정보의 관리에 대해서는 Node.js에서 비밀 설정 정보(Secrets) 관리를 참조하기 바란다.

const mysql = require(‘mysql’); const connection = mysql.createConnection({ host : ‘localhost’, user : ‘< MySQL username >‘, password : ‘< MySQL password >‘, database : ‘my_db’ }); connection.connect(); connection.query(‘SELECT * from Users’, (error, rows, fields) => { if (error) throw error; console.log(‘User info is: ‘, rows); }); connection.end();

콘솔에 이하의 결과가 출력되면 성공이다.

User info is: [ RowDataPacket { id: ‘ungmo2’, password: ‘1234’ } ]

만약 ‘ER_NOT_SUPPORTED_AUTH_MODE’ 에러가 발생하면 아래 sql을 실행하고 다시 접속해보자.

ALTER USER ‘root’@’localhost’ IDENTIFIED WITH mysql_native_password BY ‘< MySQL password >‘; FLUSH PRIVILEGES;

5. Route 작성

클라이언트 요청에 대응하는 route를 설정해보자.

routing에 대한 자세한 내용은 Express routing을 참조하기 바란다.

index.js를 아래와 같이 변경한다.

const express = require(‘express’); const mysql = require(‘mysql’); const dbconfig = require(‘./config/database.js’); const connection = mysql.createConnection(dbconfig); const app = express(); // configuration ========================= app.set(‘port’, process.env.PORT || 3000); app.get(‘/’, (req, res) => { res.send(‘Root’); }); app.get(‘/users’, (req, res) => { connection.query(‘SELECT * from Users’, (error, rows) => { if (error) throw error; console.log(‘User info is: ‘, rows); res.send(rows); }); }); app.listen(app.get(‘port’), () => { console.log(‘Express server listening on port ‘ + app.get(‘port’)); });

데이터베이스 설정 정보를 아래와 같이 작성한 후 루트 디렉터리 아래 config 디렉터리에 저장한다.

module에 대한 자세한 내용은 Node.js – module을 참조하기 바란다.

// config/database.js module.exports = { host : ‘localhost’, user : ‘< MySQL username >‘, password : ‘< MySQL password >‘, database : ‘my_db’ };

서버를 실행한다.

$ npm start

localhost:3000/users에 접속하여 결과를 확인한다.

Reference

[MySQL] PHP와 MySQL 연동

728×90

안녕하세요 !

이번 포스트는 php는 서버 언어고 MySQL은 데이터베이스 언어인데 이 둘을 연동시키는 방법을 정리해 봤습니다.

혹시 보시다가 궁금한거 있으면 댓글 주세용

php와 mysql연동 시 주의할 점은 아래와 같다.

테이블에서 생성한 변수명과 input 태그의 name변수명을 일치시키기.

php안에서 조건문으로 script사용은 가능

script안에서 조건문으로 php사용은 불가능

db의 비밀번호는 따로 설정해줘야 함

js, php, html이 같이 쓰일 때 포함 관계는 아래와 같다.

(별로 중요한 건 아님)

php ⊃ js:?> 명령어

html ⊃ php:

예제로 hi 데이터베이스에 exam 테이블을 생성해서 간단한 회원가입을 구현했다.

(테이블은 그냥 매우 잘 쓰이는 함수 같은 느낌)

1) 테이블 생성

create database hi;

db 생성

2) db 선택

use hi

db선택

3) 테이블 생성

CREATE TABLE exam (

id int NOT NULL AUTO_INCREMENT,

name varchar(30),

email varchar(40),

num varchar(30),

PRIMARY KEY(id)

) ENGINE=InnoDB DEFAULT CHARSET=utf8;

+auto increment 사용 시 primary키로 줘야 함

테이블 생성

테이블 생성까지는 터미널로 하고 확인을 위해 예제로 insert 해봤다.

4) insert

AUTO_INCREMENT는 인자를 안 줘도 된다.

insert into exam(name, email, num) values(‘js’, ‘[email protected]’, ‘2021’);

insert 후 확인

이제 회원가입을 구현하기 위해 간단한 코드 두 개를 짜준다.

signup.php

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 < !DOCTYPE html > < html > < head > < meta charset = "utf-8" / > < title > 예제 회원가입 < / title > < / head > < body > < form method = "post" action = "./signup_action.php" > < label > 이름 < input type = "text" name = 'name' > < / label > < br > < label > 이메일 < input type = "email" name = 'email' > < / label > < br > < label > 학번 < input type = "number" name = 'num' > < / label > < br > < input type = "submit" value = '가입하기' > < / form > < / body > < / html > Colored by Color Scripter cs

signup_action.php

1 2 3 4 5 6 7 8 9 10 11 12 13 < ?php $name =$_POST[ 'name' ]; $email =$_POST[ 'email' ]; $num =$_POST[ 'num' ]; $con = mysqli_connect( "localhost" , "root" , "2021" , "hi" ) or die ( "Can't access DB" ); $query = "insert into exam (name,email,num) values('" .$name. "','" .$email. "','" .$num. "')" ; $resut = mysqli_query($con,$query); if(!$result) {? > < script > alert ( ‘회원가입이 완료되었습니다.’ ); location .href = “..” ; < / script > < ?php } else {? > < script > alert ( ‘회원가입에 실패했습니다.

다시 시도해 주세요.’ ); location .href = “..” ; < / script > < ?php } ? > Colored by Color Scripter cs

아래는 signup.php의 초기화면이다.

초기화면

예제로 몇 개를 입력하면

예제

alert

완료되었다는 알림 창이 뜬다.

입력된 정보는 터미널에서 확인할 수 있다.

확인

느낀 점

db 재밌다

js랑 html이랑 php의 기능 이해 완료

form 태그에 action과 input 태그에 name속성의 중요성을 느낌

참고

버튼 꾸미고 싶으면 button으로 js href해도 되고 input type=”submit”으로 하고 클래스 설정해도 됨

외부 css 갖다 쓰려면