Laravel后台 + AngularJS前端 的网站构建与维护

最近维护的报修网站,采用Laravel+AngularJS框架搭建,还有很多东西需要熟悉掌握,现将修复的Bug或添加的功能中值得记录的地方总结如下。

其中,需要注意的问题基本是原因不明且不是太严重的问题。

完美解决的问题

1. JS和python一样,对象的赋值都为引用,即a=b若a改变了b也会变,因此若需要a,b两者不相关联,需要深拷贝。

因项目中的变量属性都为string类型,所以,直接挨个赋值即可:

$scope.old_report = {};
for(var key in $scope.report){
    $scope.old_report[key] = $scope.report[key];
}

另外,如果需要更复杂的深拷贝,可参考以下两种方法:

  • 可用JQuery.extend(true, {..})函数,不过返回的对象还附有其他函数等信息。
  • 附完整深拷贝代码:

    var deepCopy= function(source) {
        var result={};
         for (var key in source) {
          result[key] = typeof source[key]===’object’? deepCoyp(source[key]): source[key];
         }
        return result;
    }

需要注意的问题

1. AngularJS的ng-class标签中的css类名中不能出现’-’,否则无法工作(原因不明,估计是bug)。

因此,不能写成这样:

<button ng-class=‘{detail-mine-btn:showmodifybtn}‘></button>

只能写成这样:

<button ng-class=‘{detail_mine_btn:showmodifybtn}‘></button>

showmodifybtn是controller.$scope中的元素

时间: 2024-10-12 22:09:24

Laravel后台 + AngularJS前端 的网站构建与维护的相关文章

好程序员web前端分享如何构建单页Web应用

好程序员web前端分享如何构建单页Web应用,首先我们来看一看单页应用是什么?所谓单页应用,指的是在一个页面上集成多种功能,甚至整个系统就只有一个页面,所有的业务功能都是它的子模块,通过特定的方式挂接到主界面上.它是AJAX技术的进一步升华,把AJAX的无刷新机制发挥到极致,因此能造就与桌面程序媲美的流畅用户体验. 其实单页应用我们并不陌生,很多人写过ExtJS的项目,用它实现的系统,很天然的就已经是单页的了,也有人用jQuery或者其他框架实现过类似的东西.用各种JS框架,甚至不用框架,都是可

一款你不容错过的Laravel后台管理扩展包 —— Voyager

http://laravelacademy.org/post/6401.html Posted on 2016年11月1日 by  学院君 1.简介 Voyager是一个你不容错过的Laravel后台管理扩展包,提供了CRUD操作.媒体管理.菜单构建.数据管理等操作. 官网:https://the-control-group.github.io/voyager/ Github:https://github.com/the-control-group/voyager 视频演示:https://de

国内10大前端团队网站

原文链接:bigezhang.com 为了方便更多用户可以基于 Agora SDK 快速实现多种在线教学场景,我们现已开源声网云课堂 Demo,大家可在文末获取源码.juejin.im 1.淘宝前端团队(FED) 网址:taobaofed.org/ 阿里巴巴淘宝前端团队网站,一群崇尚极客精神的人正在用技术为体验提供无限可能.在这里,可以涉及“无线”.“全栈”.“工程”.“安全”.“架构”等多方面的技术. 2.FEX 百度前端研发部 网址:fex.baidu.com/ FEX 是百度「Web 前端

WEB前端常用网站收集

WEB前端常用网站收集整理 王牌网站 w3school 菜鸟教程 RUNOOB NEC更好的CSS方案 前端里 脚本之家 17素材 frontopen JS实例 CSS整理与优化工具 图标类http://www.easyicon.net/http://findicons.com/http://preloaders.net/ 分享按钮,同时支持PC端和移动端前端导航站(公共库) 网页模板模板之家模板王 展示类WHYCSS 其他博客空间A Good User Interface张鑫旭 梦想天空 bo

利用配置文件实现后台和前端的参数统一修改。

很多情况需要后台操作前端的数据,例如管理员在后台设置参数,前台显示的参数会同步修改. 这里运用以下几个函数及变量. $_SERVER['DOCUMENT_ROOT'] file_put_contents strip_whitespace var_export $_SERVER['DOCUMENT_ROOT']是PHP预定义的几个变量之一.作用是:获取当前运行脚本所在的文档根目录.该根目录是由服务器配置文件中定义.例如apache配置文件httpd.conf中DocumentRoot配置项的值.

WordPress 后台上传自定义网站Logo

需求: 众所周知一般网站的logo都是固定的所以我在做网站时也是使用的静态logo文件,但最近用wp给一个客户做的网站时,因为网站现在的logo可能会需要重新设计,所以客户提出了需要在后台可以自己修改网站logo,接收需求后就在网络上找如何解决,但找了一圈都没有找到想要的效果(都是如何修改wp的登录logo),还好找到两篇相关的文章,最后根据这两篇文章自己Codeing最终实现了功能代码: 1.在function中添加以下代码 <?php /**在function中添加以下代码 * WordPr

国内外有哪些实战型的前端学习网站?

编者按:学习前端知识太过乏味木有挑战?整天对着w3school打瞌睡?有一个很棒的观点与你分享:学习一门技术最佳的方法就是把它用起来!如果你已经有了一点前端基础知识,但缺少实战经验,今天这组网站就太合适了,全都是集实战与教学为一体的综合性前端学习网站,收藏起来! Codecademy 作为一款非常酷的在线编程学习网站,它向用户提供了一种全新的学习方式.在基于网络互动编程教程的基础之上,手把手帮助用户了解编程的基本原理,体味Codecademy的趣味性学习. 不仅如此,它还支持JavaScript

网站迁移--Tomcat为前端的网站迁移

1.修改tomcat server.xml的端口8080改成80. 2.Server.xml添加: <Host name="localhost"  appBase="webapps" unpackWARs="true" autoDeploy="true" xmlValidation="false" xmlNamespaceAware="false"> <Context

前端交流网站

http://www.daqianduan.com/   大前端 http://www.qianduan.net/        前端观察 http://www.css88.com/ http://www.hujuntao.com/       设计蜂巢 http://ued.taobao.org/blog/category/bowen/frontend/ 淘宝UED 前端交流网站