laravue frontend

Le projet front-end de la micro-communauté LaraVue, adresse : https://laravue.org (en cours de développement)

Enregistrez et partagez principalement quelques informations sur la technologie et la vie

Préface

LaraVue est une combinaison des noms de deux frameworks. Ces deux frameworks sont le premier framework back-end "Laravel" et le premier framework front-end "Vue" avec lequel je suis entré en contact en programmation. J'avais initialement prévu de demander le nom de domaine laravue.com en mars de cette année, mais j'ai découvert qu'un ami étranger en avait fait la demande trois jours avant moi. Cette micro-communauté est un projet qui sépare complètement le front et le back end. C'est une version améliorée de ma précédente communauté. Malheureusement, mon CSS est dommage, sinon ces pages seraient terminées depuis longtemps. Cette communauté n'a pas non plus de positionnement spécifique. Il s'agit principalement de partager quelques réflexions techniques pour mon confort et celui des générations futures.

pile technologique

vue2 + vuex + vue-router + vue-resource + ES6 + élément-ui + sass

Installer

 > git clone

> npm i

> npm run dev

Disposition du projet

 .
├── 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 文件
.

contactez-moi

• Si vous avez des questions ou des problèmes, n'hésitez pas à me contacter [email protected]