GithubHelp home page GithubHelp logo

youinchoi / slowcoffee Goto Github PK

View Code? Open in Web Editor NEW

This project forked from jsy4/slowcoffee

0.0 0.0 0.0 20.79 MB

shopping mall project/ coffee shop

License: MIT License

JavaScript 4.62% Java 80.34% CSS 8.98% SCSS 6.07%

slowcoffee's Introduction

Slow Coffee ☕


PPT(pdf) link : https://github.com/jsy4/SlowCoffee/blob/main/3%EC%A1%B0_Slow%20Coffee_Website.pdf

OS : Windows
Language : Java, Javascript, CSS, HTML, etc.
Framework : Spring, Mybatis
Server : Apache Tomcat 9.0 with JSP
Database : Oracle
(API) : kakao 주소 & pay, toss pay

Citations: https://github.com/technext/fruitkha original html template

Benchmarked Sites: apple.com, colorhunt for color palette, Momo's Coffee for product image and description

Full description of project is in the pdf file(power point)


🔽 :: Downloads :: 다운로드 할 것 (30 min)

1. spring tool 3.9.14

full distribution on Eclipse 4.17, Windows version :: link: https://github.com/spring-attic/toolsuite-distribution/wiki/Spring-Tool-Suite-3#spring-tool-suite-3914-new-and-noteworthy

2. oracle database express edition

Oracle Database 11gR2 Express Edition for Windows x64 :: link: https://www.oracle.com/database/technologies/xe-prior-release-downloads.html

3. SQL developer

Windows 64-bit with JDK 11 included :: link: https://www.oracle.com/database/sqldeveloper/technologies/download/

4. Apache Tomcat

32-bit/64-bit Windows Service Installer :: link: https://tomcat.apache.org/download-90.cgi

5. Github

< 3joe.sql>, < sj > :: link: https://github.com/jsy4/SlowCoffee


▶️ :: After Downloads :: 다운로드 후에 할 것 (15 min)

1. SQL

    1.1 command prompt

At the command prompt: sqlplus
Enter user-name: <system> / Enter password: <admin>
CREATE USER sam IDENTIFIED BY tiger; 
GRANT connect, resource TO sam;

    1.2 Open sql Developer: click folder sqldeveloper > sqldeveloper.exe

    1.3 Make a connection using sam, tiger (green + button on top left)

    1.4 Run the file < 3joe.sql >(github) (individual run is ctrl + enter)

2.Spring

    2.1 Open sts-bundle: click foler sts-3.9.14 > STS.exe

    2.1.1 Window > Preferences > type (enc) > change all settings to UTF-8 to see comments in Korean

    2.2 move (sj) folder to workspace folder > new project named sj > automatical import (sj)

    2.3 build path: right click (sj) > Build Path > Configure Build Path > Library > add External jars >

        add sj/src/main/webapp/WEB-INF/lib/activation.jar;

        add sj/src/main/webapp/WEB-INF/lib/mail.jar;

        add sj/src/main/webapp/WEB-INF/lib/ojdbc6.jar;

        add sj/lombok/lombok.jar

        If lombok does not work(getterSette error): create getters and setters for sj/src/main/java/com.javassem.domain VOs
        : right click > Source > Generate Getters and Setters for all VO

    2.4 create Server: click Window > Show View > Other > Servers > right click > New Server >
        Apache > Tomcat v8.0 > select where Tomcat is installed > Finish

    2.5 open with chrome: Window > browser > Chrome


⭕ :: Changes in files :: 파일 안에서 바꿀 것 (5 min)

1. sj > src > main > webapp > WEB-INF > spring > root-context.xml change ip address @192.168.0.77:1521:xe to @(your local ip address):1521/xe

2. sj > src/main/java > com.javassem.controller > UserController.java

    line 72:: deleteProduct: change PATH to where the images are stored

    line 305:: logCustomer: change PATH where fileLog.txt will be created and written

    line 311:: logCustomer: change PATH where fileLog.txt will be created and written

    line 656:: mail: change sending MAIL address (gmail doesn't work with normal settings)

    line 657:: mail: change MAIL password


➰ :: Insert Records into DB :: 디비에 값 넣기 (1h)

spring (src) > main > webapp > start.jsp > ( ctrl + alt + F11 ) > run tomcat server >> click '관리자 모드' (manager mode) > goto Goods || Beans > add product

Product image at: (src) > main > webapp > resources > assets > img

Error could occur saying step <=0 --> in that case, in views/index.jsp, change (step to step +1) or add the products before running index


🏃 :: How to run :: 실행하기

spring (src) > main > webapp > start.jsp > ( ctrl + alt + F11 )

'관리자 모드' (manager mode) : add product, modify product, delete product, see total revenue, respond to contact questions, see customer orders and delete according to the contact query, search products

'방문자용 메인화면' (customer mode): see products, add products to bag, saved bag contents during logout, change bag contents during checkout, checkout api available in different modes(card, kakao pay, toss), contact with questions, individual mypage to see orders and contact questions, search products


❌ :: Errors :: 에러 발생시

check ::아래 것들 확인하기
1. FileName: Downloaded file will be SlowCoffee-main.zip --> unzip to folder named sj
2. Maven: right click project (sj) >Maven > Update Project
3. Server: Window > Show view > Other > Servers > Tomcat v9.0 > right click > Clean
5. Spring: right click project (sj) > Spring > Remove Spring Project Nature; right click project (sj) > Spring > add Spring Project Nature
6. DB: Error could occur saying step <=0 --> in that case, in views/index.jsp, change (step to step +1) or add the products before running index
7.DB: Check root-context.xml ip address to be your local ip address
8.VO: if lombok @Data doesn't work create getters and setters for each VO


Customer View

방문자용 메인화면

Index :: 메인 페이지

customer main page

Contact page :: 문의 페이지

customer contact page

Buying Products :: 상품 구매

customer buying products

Paying page :: 결제 페이지

customer paying methods

Manager View

관리자 모드

Manager Index :: 메니저 메인 페이지

manager main page looking at orders

Looking At Sales :: 총 매출 보기

manager looking total sales

Looking At products / Adding products :: 상품 재고 보기 / 상품 추가

looking at product stock and adding products

Adding products :: 상품 더하기

manager adding products

slowcoffee's People

Contributors

mingyungju avatar jsy4 avatar youinchoi avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.