Customize the Dspace 7.6.1 User interface (Part 1)

Tùy chỉnh giao diện người dùng Dspace 7.6.1 (Phần 1). hashtag: #dspace #opensource #dspace7 #angular #tutorial 1.Giới thiệu tổng quan - Giao diện người dùng dspace 7 được phát triển bằng Angular phiên bản 15.2.8 - Đây là một dự án lớn và rất phức tạp , nó không dành cho những người không chuyên phát triển ứng dụng web full stack. 2. Yêu cầu tùy chỉnh giao diện - Trình soạn thảo mã: Vs Code + Prettier Code formatter (extention) + Visual Studio IntelliCode + Live Server + Auto Close Tag + Auto Rename Tag + Code Runner + TODO Highlight - Notepad++ 3. Bắt đầu thôi. - yarn start:dev - Create new Component banner: Syntax: ng generate component component-name Syntax short: ng g c component-name C:\dspace-angular-dspace-7.6.1\src\themes\dspace\app + ng g c banner --skip-import + Register for new component: Open file eager-theme.module.ts and register import { BannerComponent } from './app/banner/banner.component'; - Change navbar size: Navbar Component Open file navbar.component.html, comment row: file navbar-component.scss: edit height: 80px; to height: 45px;