第三十二周总结——图片项目总结

  一月前项目任务是做一个图片网站，参考堆糖。在做项目的时候遇到了很多的问题，总结一下，以后写项目要注意一下。

token配置

  token最好在项目最开始配置好，不然到最后一起配置可能会浪费好多时间，还可能会出错。
  关于不同方式配置请求头的问题。

axios({
   method:'put',
    url:'',
    //headers为配置的请求头
    headers: {
        token:""
    },
    params:{
        
    }
}).then(data=>{
    
}).catch(error=>{
   
})

//headers为配置的请求头
axios.get(`/index/collectForumStatus?postId=${postId}&userId=${userId}`,{headers:{token:(req.session.token?req.session.token:'')}})
.then(data=>{
 
}).catch(err=>{
 
})

art-template模板引擎问题

  对于模板页面，class和id的命名一定要独特一点，否则很可能和别的页面的css冲突。可以在class和id的名称后面加个下划线+一个字母。来区分和别的页面的css.
  art-template嵌套引入的问题
例如：写了一个index.art文件，里面有

{{block 'script'}}{{/block}}

写一个comment.art文件继承index.art文件的模板，在commen.art文件中写

{{blick 'script'}}
	<script src="comment.js"></script>
	{{block 'scripts'}}{{/block}}
{{/block}}

写一个replay.art文件继承comment.art文件，在replay.art文件中写

{{blick 'scripts'}}
	<script src="replay.js"></script>
{{/block}}

则可能会出现replay.js执行两次，且一次报错一次不报错的情况。
art-template模板尽量写一个主模板，避免多级继承。

项目最基础页面及功能总结

登录注册（前期完成）

  登录注册是整个项目最基本的功能，如果登录注册写不好，用户的信息根本无法传过去，这次项目的登录注册知道最后还没完善好，导致了这次项目进度有点慢，做的不太理想。

首页（导航条前期完成）

  首页是一个网站的门面，一定要将首页做的好看
  对主题色的选用一定不要太浅，否则会给用户一种很不好的直观体验。
  到航条也是是整个项目的关键部分，它关乎这整个项目各个页面的连通，导航条写的好，能让整个项目各个页面之间实现流畅的跳转，给用户很好的体验。

后台

  我这次是写的后台，虽然后台的东西基本一样，但是还是挺杂的，由于我主模板的css样式和其他页面的冲突了，导致最后要一点一点的改样式，下次注意，被引用的模板一定要加特殊的class和id，避免样式冲突。后台的样式很重要，我见过的后台太少了，我印象中的后台就是左边一个导航条右边是一下管理员的操作信息，其实后台的样式有很多种，也可以将canvas运用到后台中，让后台更加的美观。推荐学习网站https://echarts.apache.org/。

注释问题

  写项目，对于一下跳转的路由和功能性路由最好分开写，这样找起来比较容易，一定要注释每个路由的功能，和每个js的功能。不然别人看你代码根本不知道写的什么。

输入框问题

  对于输入框前端一定要判断两次，第一次是用事件节流判断，第二次点击调用接口判断。

错误页面绑定问题

  至今我还不清楚在哪里要绑定错误页面，要好好了解一下了。

加载动画问题

  要有好看且统一的加载动画

弹窗问题

  要有好看且统一的弹窗

websocket

  这东西我就知道个发送和接受，感觉还是挺有问题的。只好再好好学学。