반응형 웹개발 admin 페이지를 만들어 보려고 합니다.
몇 step 에서 끝날지는 모르겠습니다.
한번 해보죠.
php로 진행합니다. php는 초보지요. 이 것 왜 만들까요?
개인 연습용인데 오픈해도 될것 같아 만듭니다.
최종은 쇼핑몰입니다. 그래서 어드민 페이지 먼저 만들어요.
posting되는 글 보시고 코멘트 주시면 감사하겠습니다.
반응형 웹개발을 위해서
bootstrap디자인을 활용함.
먼저 어드민 page개발을 진행.
admin페이지는 폐쇄형 페이지로 해당 페이지들을 개발해보면서
php와 css를 좀 더 알게되 길
to-do :
- 세션
- 쿠키
- Paging
- 파일 업로드
Bootstrap free 디자인 구글링 :
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/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 |
디자인은 |
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 |