Table of contents Abstract…………………………………………………………………………………….I Abstract…………………………………………………………………………………….II Introduction………………………………………………………………………………………1 1 Overview …………………………………………………………………………………… 2 1.1 Project development background……………….………………………………………………………………2 1.1.1 Project development unit………………………………………….………………2 1.1.2 Project Scope……………………………………………………………………………………2 1.2 Project development purpose……………………………………………………………………………………2 1.3 Project Overview……………………………………………………………………………………2 2 System Analysis……………………………………………………………………………………3 2.1 Analysis of system functional requirements………………………………………………………………3 2.1.1 Creating an organization……………………………………………………………………………………3 2.1.2 Assigning tasks……………………………………………………………………………………3 2.1.3 Document Sharing……………………………………………………………………………………3 2.1.4 Topic Discussion……………………………………………………………………………………3 2.1.5 Data export and security………………………………………………………………3 […]
Tag: vue.js
[Vue.js] Use Mock.js in Element to build homepage navigation & left menu—[Super advanced tutorial]
One, Mock.js 1.1 Understanding Mock.js Mock.js is a JavaScript library used to generate random data and simulate interface responses in front-end development. A generator of simulation data, used to help front-end debugging and development, separate front-end and back-end prototypes, and improve automated testing efficiency In summary, Mock.js in Element is a library used to generate […]
[Vue.js] Use ElementUI to build dynamic trees & data tables and paging
One, dynamic tree This article expands the content of the previous article ==》》realizing home page navigation and left menu Replace the left menu structure with the following code: Menu structure: <el-menu> <el-submenu index=”” key=””> <template slot=”title”> <i class=””></i> <span></span> </template> <el-menu-item index=”” key=””> <i class=””></i> <span></span> </el-menu-item> </el-submenu> </el-menu> The key attribute in the first-level […]
Teach you step by step how to create login and registration interface SpringBoot+Vue.js (flexible use of cookies, verification code function)
1. User login interface Implementation idea: The user enters the user name and password on the interface and passes in variables. Use the post method to transmit it to the backend, and the backend receives the entire entity object. Extract the username. Query through the select annotation in the dao layer method to return the […]
The battle of front-end frameworks: Vue.js vs. React.js vs. Angular
Article directory Vue.js – The beauty of progressive frameworks Simple and easy to use Component development Ecosystem and Tools Applicable scene React.js – High-performance virtual DOM Virtual DOM One-way data flow Communities and Ecosystems Applicable scene Angular – a one-stop framework complete framework Two-way data binding type safety Applicable scene how to choose? Project scale […]
[Vue.js] vue-cli builds SPA projects and implements routing and nested routing—detailed explanation
1. What is SPA SPA (Single Page Application) is a web application development model that loads data asynchronously from the server by using AJAX technology and dynamically updates page content< /strong>, enabling switching between different views within the same page without refreshing the entire page 1.1 Prerequisites for building SPA The nodeJS environment has been […]
[vue.js] Environment configuration for routing usage and Node.js download and installation
Yanyanye: Personal homepage Personal column: “Integration of Spring and Mybatis” “Usage of springMvc” The ideal of life, in order to constantly renew yourself! Table of Contents 1. Routing 1.1 What is routing 1.2 Case practice 1.2.1 Introducing vue-router’s js dependency 1.2.2 Define components 1.2.3 Define routes 1.2.4 Add routes to the router 1.2.5 Mount the […]
Vue.js 3.x optimization overview
This article compiles the Vue.js 3.x source code course of Zilagou.com. The instructor is Huang Yi, a great person from Zoom. Thank you very much! I’m just adding some references. 1. The evolution of the Vue.js framework The biggest upgrade of Vue.js from version 1.x to 2.0 is the introduction of the concept of virtual […]
[sgGoogleTranslate] Custom component: Based on Vue.js, use the Google Translate plug-in to implement multi-language website development
sgGoogleTranslate source code <template> <div :id=”$options.name”> </div> </template> <script> export default { name: “sgGoogleTranslate”, props: [“languages”, “currentLanguage”], data() { return { //Language list, following the ISO 639-1 standard, two-digit code (reference: https://zh.wikipedia.org/wiki/ISO_639-1) defaultLanguages: [ { code: “en”, name: “English”, cname: “English”, ename: “English”, }, { code: “af”, name: “Afrikaans”, cname: “Afrikaans”, ename: “Afrikaans”, }, { […]
“Exploring Vue.js application development under the front-end and back-end separation architecture”
Directory introduction 1. Separation of front and rear ends 2. Introduction to Vue 1. What is Vue.js? 2. The difference between libraries and frameworks 3. Introduction to MVVM 3. Getting started with Vue Two-way binding of data Single item binding of data 4. Vue life cycle Summarize Introduction In today’s Internet era, front-end and back-end […]