반응형 웹개발 admin 페이지를 만들어 보려고 합니다.

몇 step 에서 끝날지는 모르겠습니다.

한번 해보죠.


php로 진행합니다. php는 초보지요. 이 것 왜 만들까요?

개인 연습용인데 오픈해도 될것 같아 만듭니다.

최종은 쇼핑몰입니다. 그래서 어드민 페이지 먼저 만들어요.

posting되는 글 보시고 코멘트 주시면 감사하겠습니다.



반응형 웹개발을 위해서

bootstrap디자인을 활용함.

먼저 어드민 page개발을 진행.

admin페이지는 폐쇄형 페이지로 해당 페이지들을 개발해보면서

php css를 좀 더 알게되 길

           to-do :

-     

-      쿠키

-      Paging

-      파일 업로드

 

Bootstrap free 디자인 구글링 :

https://www.google.co.kr/search?dcr=0&ei=0qObWoXXIce58QXNjK2oCA&q=bootstrap+free&oq=bootstrap+free&gs_l=psy-ab.3...27576.28308.0.29482.0.0.0.0.0.0.0.0..0.0....0...1.1.64.psy-ab..0.0.0....0.TL9d8eXHbl4

 

Template 다운로드 MIT라이센스 개인이 수정 후 배포 가능함.

3개 다운로드 함.

 

https://startbootstrap.com/template-overviews/sb-admin-2/

https://startbootstrap.com/template-overviews/sb-admin/

https://www.creative-tim.com/product/light-bootstrap-dashboard

 

 

압축풀고 해당 위치에 복사해 놓고 url로 직접 화면을 본다.




http://localhost/admin1/

http://localhost/admin2/pages/index.html

http://localhost/admin3/examples/dashboard.html

 

 

3개 템플릿 분석)

무료라 템플릿 페이지가 별게 없음. ㅋㅋ

 

디자인

분류

내용

상세

admin2

page

login

 

Dashboard

접속통계

Chart

 

Notification Panel

코멘트

메지지

서버 crash정보

신규order정보

대금 알림정보

Chat 내용

chat기능임

기능

메뉴 레벨링

 

UI Elements

 

admin1

page

login

 

Register an Account

 

Reset Password

 

Dashboard

 

Chart

 

기능

네비게이션 바 컨트롤

 

메뉴 레벨링

 

admin3

page

Dashboard

디자인은
admin1/2
보다 깔끔

User Profile

Table List

Notification Panel

 

어느 걸 할지 같이 조합해서 해볼지는 다음 posting에서

 

이제 할건 

Admin1,2,3은 호스팅 사이트에 올려놓고

Pc 웹브라우저로 1차 모니터링

모바일 브라우저로 2차 모니터링 진행.


'프로그래밍 > PHP' 카테고리의 다른 글

angularJS 사용하기  (0) 2018.04.01
json 데이타 사용하기  (0) 2018.03.28
Cookie 사용하기  (0) 2018.03.18
Session 사용하기  (0) 2018.03.17
PHP Programming 해보기  (0) 2018.03.02

+ Recent posts