1 minute read

ㅡ Safe Food Information Website

version spring vue.js d3.js mybatis mysql

Table of Contents

Introduction

회원은 홈페이지에서 제공되고 있는 음식을 식단에 추가, 삭제가 가능함으로써 영양정보를 관리를 할 수 있습니다.

특히, 음식에는 먹거리 재료, 성분을 공개할 뿐만 아니라 알러지 정보까지 시각적으로 잘 보여 주고 있어서 회원이 음식을 선택할 때 유용합니다.

그외, 회원가입, 비밀번호 찾기, 공지사항, qna 기본기능을 구현하였고 검색 기능 과 검색어 순위를 제공하고 있습니다.

Safe Food Information
|-- src
|     `-- main
|           `-- java
|                 `-- Controller
|                 `-- DAO
|                 `-- Service
|           `-- resources
|
 ``

Prerequisite

Must run in the spring framework.

Development

Commit

We are following Angular’s commitizen rules for formatting git commit message. This allows you to read messages that are easy to understand when looking for project history. It also uses the git commit message to generate our CHANGELOG file.

$ npm install -g git-cz
$ git add .
$ git git-cz
$ git push

Role

Spring boot 에 pagination 처리, member CRUD API, Vue.js 아용 게시판 구현, 검색어 순위 기능 제공

Design

class 관계도

class

Result

상단 NAV bar 및 이미지

상단 nav bar 고정 및 메인화면 및 footer

로그인 및 회원가입 및 아이디비밀번호찾기

페이지형식의 상품목록페이지 및 추가버튼

식품 상세 정보 페이지

내 식단 페이지

공지사항 페이지

Q&A페이지

검색버튼을 통한 검색창 및 검색 순위

Video

Video Label

위 img 클릭 시 영상으로 넘어갑니다. 😀

license

MIT License

About

Authored and maintained by ingyu

Categories:

Updated: