Đây là một cái đơn giản hạng mục, chỉ ở làm tân nhập môn web khai phá giả thể nghiệm sử dụng Vue + Java(Spring Boot) + Mysql trước kia sau đoan chia lìa hình thức hoàn thành khai phá lưu trình. Bởi vì khai phá trong quá trình vẫn chưa đầy đủ suy xét an toàn phòng hộ vấn đề, cũng không kiến nghị đem nên hạng mục dùng cho sinh sản hoàn cảnh.
https://github /Antabot/White-Jotter)
Cảm tạ JetBrains cung cấp cả nhà thùng khai nguyên cho phép, IDEA xác thật là Java lĩnh vực tốt nhất dùng IDE.
Làm triển lãm giao diện, bao gồm khai phá cái này hạng mục chủ yếu tham khảo tư liệu, sắp tới đổi mới cùng Slogan
Cung cấp sách báo tin tức triển lãm công năng
Cung cấp bút ký, bác văn triển lãm công năng
Bao hàm dashboard, nội dung quản lý, người dùng cập quyền hạn quản lý chờ
- Ứng dụng giá cấu
- Kỹ thuật giá cấu
1.Vue.js
2.ElementUI
3.axios
1.Spring Boot
2.Apache Shiro
3.Apache Log4j2
4.Spring Data JPA
5.Spring Data Redis
1.MySQL
2.Redis
1.clone hạng mục đến bản địa
git clone https://github /Antabot/White-Jotter
2. Ở mysql trung sáng tạo cơ sở dữ liệuwj
,Vận hành hạng mục, đem tự động rót vào số liệu. Như cần đóng cửa này công năng, thỉnh đemapplication.properties
Trungspring.datasource.initialization-mode=always
Số hiệu xóa bỏ.
Cơ sở dữ liệu hoàn chỉnh kịch bản gốcwj.sql
Đặt ở sau đoan hạng mụcsrc\main\resources
Mục lục hạ, cũng có thể căn cứ yêu cầu tự hành ở MySQL trung chấp hành cơ sở dữ liệu kịch bản gốc.
Vận hành hạng mục trước thỉnh khởi động Redis phục vụ, cảng vì 6379 ( cam chịu cảng ), mật mã vì không.
3. Cơ sở dữ liệu phối trí ở phía sau đoan hạng mụcsrc\main\resources
Mục lục hạapplication.properties
Văn kiện trung, mysql phiên bản vì 8.0.15.
4. Ở IntelliJ IDEA trung vận hành sau đoan hạng mục, vì bảo đảm hạng mục thành công vận hành, có thể hữu kiện điểm đánhpom.xml
Lựa chọn maven -> reimport, đều xem trọng khải hạng mục
Đến tận đây, phục vụ đoan liền khởi động thành công, đồng thời, vận hành đằng trước hạng mục, phỏng vấnhttp://localhost:8080
,Có thể tiến vào đăng nhập giao diện, cam chịu tài khoản làadmin
,Mật mã là123
Nếu phải làm lần thứ hai khai phá, thỉnh tiếp tục xem thứ năm, sáu bước.
5. Tiến vào đằng trước hạng mục căn mục lục trung, ở mệnh lệnh hành theo thứ tự đưa vào như sau mệnh lệnh:
# trang bị ỷ lại
npm install
# ở localhost:8080 khởi động hạng mục
npm run dev
Bởi vì ởwj-vue
Hạng mục trung đã phối trí cảng chuyển phát, đem số liệu chuyển phát đến SpringBoot thượng, bởi vậy hạng mục khởi động lúc sau, ở trình duyệt trung đưa vàohttp://localhost:8080
Liền có thể phỏng vấn chúng ta đằng trước hạng mục, sở hữu thỉnh cầu thông qua cảng chuyển phát đem số liệu truyền tới SpringBoot trung ( chú ý lúc này không cần đóng cửa SpringBoot hạng mục ).
6. Cuối cùng có thể dùngWebStorm
Chờ công cụ mở rawj-vue
Hạng mục, tiếp tục khai phá, khai phá hoàn thành sau, đương hạng mục muốn thượng tuyến khi, vẫn như cũ tiến vào đếnwj-vue
Mục lục, sau đó chấp hành như sau mệnh lệnh:
npm run build
Nên mệnh lệnh chấp hành sau khi thành công,wj-vue
Mục lục ra đời thành một cáidist
Folder, có thể đem văn kiện này kẹp trung hai cái văn kiệnstatic
Cùngindex.html
Copy đếnwj
Hạng mục trungresources/static/
Mục lục hạ, sau đó trực tiếp vận hànhwj
Hạng mục, phỏng vấnhttp://localhost:8443
,Trên thực tế là đem đằng trước đóng gói sau làm trạng thái tĩnh văn kiện, nhưng không đề cử sử dụng phương thức này.
Trước sau đoan chia lìa bố trí phương thức tường chỉ bảo trình đệ thập thiên:“Hình ảnh thượng truyền cùng hạng mục đóng gói bố trí”
Ta ở CSDN thượng chia sẻ khai phá cái này hạng mục giáo trình:
2.Sử dụng CLI dựng Vue.js hạng mục
3.Trước sau đoan kết hợp thí nghiệm ( đăng nhập giao diện khai phá )
5.Sử dụng Element phụ trợ đằng trước khai phá
6.Đằng trước lộ từ cùng đăng nhập chặn lại khí
7.Hướng dẫn lan cùng sách báo giao diện thiết kế
8.Cơ sở dữ liệu thiết kế cùng bổ sung và cắt bỏ sửa tra
9.Trung tâm công năng đằng trước thực hiện
10.Hình ảnh thượng truyền cùng hạng mục đóng gói bố trí
11.Người dùng nhân vật quyền hạn quản lý mô khối thiết kế
12.Phỏng vấn khống chế và thực hiện ý nghĩ
13.Sử dụng Shiro thực hiện người dùng tin tức mã hóa cùng đăng nhập chứng thực
14.Người dùng chứng thực phương án cùng hoàn thiện phỏng vấn chặn lại
15.Động thái thêm tái hậu trường thực đơn
16.Công năng cấp phỏng vấn khống chế thực hiện
17.Hậu trường nhân vật, quyền hạn cùng thực đơn phân phối
19.Hạng mục ưu hoá giải quyết phương án
( liên tục đổi mới trung )
01-20 lợi dụng khai nguyên markdown biên tập khí thực hiện văn chương triển lãm cùng quản lý mô khối
12-01 thực hiện công năng cấp quyền hạn khống chế
11-30 lợi dụng vue-elment-admin hạng mục hoàn thiện hậu trường giao diện thiết kế
11-17 trọng cấu hạng mục, hoàn thành dựng hậu trường cơ sở giao diện, thực hiện ấn nhân vật thêm tái thực đơn, hủy bỏ trước đài phỏng vấn hạn chế
04-27 sử dụng đằng trước chặn lại khí, cơ sở dữ liệu di chuyển đến mysql 8.0.15, hậu trường quản lý giao diện khởi động lại
04-13 hoàn thành hình ảnh thượng truyền công có thể
04-11 hoàn thành sách báo phân loại công năng
04-08 hoàn thành sách báo phân trang công năng
04-06 hoàn thành sách báo tuần tra công năng
04-05 hoàn thành sách báo sửa chữa công năng
04-04 hoàn thành sách báo xóa bỏ công năng
04-03 hoàn thành sách báo tân tăng công năng