laravue frontend

El proyecto front-end de la microcomunidad LaraVue, dirección: https://laravue.org (en desarrollo)

Principalmente registrar y compartir algunas ideas sobre la tecnología y la vida.

Prefacio

LaraVue es una combinación de los nombres de dos marcos. Estos dos marcos son el primer marco de back-end "Laravel" y el primer marco de front-end "Vue" con el que entré en contacto en programación. Originalmente planeé solicitar el nombre de dominio laravue.com en marzo de este año, pero descubrí que un amigo del extranjero lo solicitó tres días antes que yo. Esta microcomunidad es un proyecto que separa completamente el front-end y el back-end. Es una versión mejorada de mi comunidad anterior. Desafortunadamente, mi CSS es una lástima; de lo contrario, estas páginas se habrían terminado hace mucho tiempo. Esta comunidad tampoco tiene un posicionamiento específico. Se trata principalmente de compartir algunas ideas técnicas para mi conveniencia y la de las generaciones futuras.

pila de tecnología

vue2 + vuex + vue-router + vue-resource + ES6 + elemento-ui + sass

Instalar

 > git clone

> npm i

> npm run dev

Diseño del proyecto

 .
├── build                                       // webpack 配置文件
├── config                                      // 项目打包路径
├── src                                         // 源码目录
|   ├── api
|   |   └── index.js                            // 后端 API 接口配置
│   ├── assets                                  // 图片存放地
│   ├── components                              // 组件
│   │   ├── Comment.vue                         // 评论组件
│   │   ├── Editor.vue                          // 编辑器组件
│   │   ├── Footers.vue                         // 尾部组件
│   │   ├── Headers.vue                         // 头部组件
│   │   ├── HotTopics.vue                       // 侧边栏热门话题组件
│   │   └── Popup.vue                           // 弹出框组件
│   ├── router
│   │   └── router.js                           // 路由配置
│   ├── store                                   // vuex 的状态管理
│   │   ├── modules                             // store 模块
|   |   |   └── account.js                      // 用户信息
│   │   ├── index.js                            // 引用vuex，创建 store
│   │   └── mutation-types.js                   // 定义常量 muations 名
|   ├── views                                   // 视图
│   │   ├── account                             // 用户视图
|   |   |   ├── Editor.vue                      // 编辑用户信息
|   |   |   ├── Login.vue                       // 登录页面
|   |   |   ├── Register.vue                    // 注册页面
|   |   |   ├── UserArticles.vue                // 用户发表的文章
|   |   |   ├── UserInfo.vue                    // 用户视图公共组件
|   |   |   ├── UserLikeArticles.vue            // 用户点赞的话题
|   |   |   ├── UserLikeUsers.vue               // 用户关注其他用户
|   |   |   ├── UserReplies.vue                 // 用户回复
|   |   |   └── VerifyEmail.vue                 // 注册激活
│   │   ├── article                             // 文章视图
|   |   |   ├── Create.vue                      // 编辑用户信息
|   |   |   ├── Editor.vue                      // 登录页面
|   |   |   ├── Index.vue                       // 注册页面
|   |   |   └──show.vue                         // 用户发表的文章
│   │   ├── error                               
|   |   |   └──404.vue                          // 404 错误
│   │   ├── other                               
|   |   |   ├──About.vue                        // 个人信息页面
|   |   |   └──Payment.vue                      // 打赏页面
│   ├── App.vue                                 // 页面入口文件
│   ├── main.js                                 // 程序入口文件，加载各种公共组件
├── static                                      // 静态文件
|   ├── css                                     // css 文件
|   |   └── markdown.css                         
├── index.html                                  // 入口 html 文件
.

contactame

• Si tiene alguna pregunta o problema, no dude en ponerse en contacto conmigo [email protected]