V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
loading
V2EX  ›  Vue.js

登录页,用户页,管理页如何分割

  •  
  •   loading ·
    ycf · 2020-03-16 18:49:34 +08:00 via Android · 2230 次点击
    这是一个创建于 1745 天前的主题,其中的信息可能已经有所发展或是发生改变。
    1.用户页和管理页在没太多共同属性时就分开做?
    2.分开做就相当于做两个 vue.js app ?
    3.登录页是否和用户页做一起?
    4.登录页和用户页如果分开做是指两个 html 文件?用 vue.$route 跳?
    5.前后端分离后,简单应用是不是后端只返回 json 和处理静态文件就好了?(就是不处理页面跳转,登录成功也只是返回登录成功,跳转留给前端)
    6.favicon.ico 是后端直接代码处理了还是就放静态文件,然后做 rewrite ?(例如 chrome 如果出现 404 就只会从根目录取,不管 html 说明)
    7.favicon 是放根目录还是目录?(特指 apple 那一大堆)
    4 条回复    2020-05-07 08:55:40 +08:00
    loading
        1
    loading  
    OP
       2020-03-21 11:45:43 +08:00   ❤️ 1
    自己消灭 0 回复。

    我经过思考和顿悟,我选择使用的是 3 套页面:
    - login.html
    - user App
    - admin App

    login.html 通过 ajax 提交,根据返回的 json 结果使用 window.location/href 分别跳转,当然密码错误也在 login.html

    login.html 因为我太懒惰,我使用了 zepto。 (轻型 jQuery)


    /app
    /admin

    如果您也遇到同样以为,希望能对您有所启发。

    btw:希望大佬们指教指教!
    serene11c
        2
    serene11c  
       2020-04-07 10:03:07 +08:00
    vue 是单页面应用,根据 url 的改变来展示不同的组件,路由由前端控制,和 jquery 、zepto 那种以前的开发模式不一样。你的需求只需要一个根 html 文件,剩下的页面用 vue-router 来管理,每个页面做成一个页面组件;前后端分离,后端基本上只需要提供 restful 服务; favicon.ico 由前端处理。
    loading
        3
    loading  
    OP
       2020-04-07 12:39:10 +08:00 via Android
    @serene11c 问的是如何划分 html 文件,一个根文件我感觉太大了。一个 html 使用模块化体验不够丝滑。
    huijiewei
        4
    huijiewei  
       2020-05-07 08:55:40 +08:00   ❤️ 1
    https://github.com/huijiewei/agile-vue

    可以放一个项目公用一些组件和库,然后分开打包就是了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2817 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 15:02 · PVG 23:02 · LAX 07:02 · JFK 10:02
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.