mui 混合APP项目（1）-项目策划

一、项目介绍

  1. 个人练手上项目，主要给web前端初学者作为教程使用
  2. 前端为混合APP，后端PHP
  3. 所用技术：Dcloud混合APP开发技术、ThinkPHP5（phpstudy集成环境，php版本5.5

二、APP内容分类

  1. 文章摘录：原创或者转载的一些web前端方面的文章
  2. 前端教程：自己写的一套教程，涵盖web前端的各个技术领域
  3. 面试集锦：web前端相关的面试题和笔试题收集
  4. 个人中心：提供注册登录功能

三、关于注册登录

  1. 本APP所有内容的阅读，都不需要注册或登录
  2. 注册登录后，可以使用收藏功能，收藏自己喜欢的文章或面试题，便于知识的整理

四、APP相关技术点

  1. 欢迎界面：首次登录有欢迎界面，再次登录没有；大版本更新或者欢迎界面更新，则会重置登录（未完成）
  2. 注册登录：只允许第三方登录（qq或微信），不用密码（未完成）
  3. 首页母页面与四个子页面：母页面还有header和footer，支持四个子页面切换；四个子页面为article、course、interview和setting（未完成）
  4. 文章页：html/article.html，列表形式；点击后，进入文章详情页html/article_detail.html（未完成）
  5. 教程页：html/course.html，二维列表形式；点击后，进入文章详情页html/article_detail.html（未完成）
  6. 面试页：html/interview.html，二维列表形式；点击后，进入文章详情页html/article_detail.html（未完成）
  7. 设置页：html/setting.html，头像不能设置随机一个，登录后可以收藏文章或面试题，退出后不能查看收藏（未完成）
  8. 收藏功能：点击收藏功能，弹出提示框“需要登录/注册”，点击确定后跳转到登录/注册页面，点击取消后弹出窗消失仍然停留在当前页（未完成）
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>component</title>
 6 </head>
 7 <body>
 8     <ul id="app">
 9         <li-li v-for="i in json" :j = 'i'></li-li>
10     </ul>
11 <script src="../vue.js"></script>
12 <script>
13     Vue.component('li-li', {
14         props: ['j'],
15         template: '<li>{{ j.name }}</li>'
16     });
17     var vm = new Vue({
18         el: "#app",
19         data: {
20             json: [{name: 'mayun'},{name: 'mahuateng'}]
21         }
22     });
23 </script>
24 </body>
25 </html>

 

posted @ 2017-05-17 12:04  wcodeplus  阅读(159)  评论(0)    收藏  举报