模仿wunderlist开发的一个gadget.
访问地址:TODO
龟速进行中...
##使用的技术如下(MEAN):
angularJs
nodeJs
express
mongoDb
##开发中主要执行的命令:
mongod 连接数据库
nodemon 启动程序
heroku logs --app xydiva 日志查询
##开发中参考的教程文档:
##待开发/完善功能:
-
blog功能
-
留言功能:
- 留言
- 回复
- 验证码
references:
基于React+NodeJs+MongoDB的简易留言板
-
在线cv预览
-
todo小工具:
- 完善
-
测试
-
其他:
- 界面优化
- 代码结构目录优化
##开发中遇到的问题集合:
###angular
-
angular的URL中自动附加'#'的问题
references:
1.HTML5Mode
2.AngularJS去掉URL里的#号 -
angular模板404
angular的路由是建立在express路由基础之上,前端访问的所有静态资源需要在后端进行配置,例如:
app.use(express.static(path.join(__dirname, 'views')));
可以访问localhost:3000/index.html判定路径是否设置成功. -
文件组织
文件结构根据功能划分:
references:
1.如何组织大型JavaScript应用中的代码? -
按需加载样式表
references:
1.How to include view/partial specific styling in AngularJS
2.Conditionally-rendering css in html head
3.angular-css -
按需加载controller
references:
1.按需加载 AngularJS 的 Controller -
一个奇怪的问题:当前路由改变的时候(比如从
localhost:3000/todo
跳转到localhost:3000/todo/1
),静态资源的请求路径会自动添加todo/
目录,从而导致404错误.
建议所有静态资源都使用绝对路径的方式引用.例如src="js/index.js"
改为src="/js/index.js"
-
angular的html模板中文乱码
我使用的编辑器是webstorm,统一修改html模板等静态文件编码为utf-8:file-->file encoding-->convert -
实现导航栏tab切换
references:
1.细说Angular ng-class
2.$route
###express
-
How to set up env as production?
-
How to use .html template on express?
references:
1.Render basic HTML view in Node JS Express?
2:How to use EJS template engine on Express?
3.nodejs express template (模版)的使用 (ejs + express) -
ejs模板后缀名修改为html后页面无法解析
###mongodb
- How to convert date format in mongodb
references:
1.Formatting ISODate from Mongodb
For more information about using Node.js on Heroku, see these Dev Center articles: