Java 如何在很少更改CSS或组件的情况下为不同的客户端维护相同的代码?
对于2个或更多的客户端,我有相同的Angular 6代码,但是当我移动构建时,我必须为特定的客户端手动注释一些东西。例如,假设我有客户机X和Y,对于客户机X我有不同的样式。Scss和客户机Y是不同的。我们使用tortoiseSVN维护代码,如何确保在构建代码时文件中的更改自动发生?Java 如何在很少更改CSS或组件的情况下为不同的客户端维护相同的代码?,java,angular,optimization,Java,Angular,Optimization,对于2个或更多的客户端,我有相同的Angular 6代码,但是当我移动构建时,我必须为特定的客户端手动注释一些东西。例如,假设我有客户机X和Y,对于客户机X我有不同的样式。Scss和客户机Y是不同的。我们使用tortoiseSVN维护代码,如何确保在构建代码时文件中的更改自动发生? 前端是Angular 6,后端是Java。您可以根据标志应用css类 let flag = 'x'; // E.x now x client is active. 在html中 // For css stuff
前端是Angular 6,后端是Java。您可以根据标志应用css类
let flag = 'x'; // E.x now x client is active.
在html中
// For css stuff
<div [ngClass]="x ? 'xClass' ? 'yClass'">
</div>
// For show content
<div *ngIf="flag == 'x'">
// Show data of x user
</div>
<div *ngIf="flag == 'y'">
// Show data of y user
</div>
//用于css内容
//用于显示内容
//显示x用户的数据
//显示y用户的数据
因此,您还必须通过发送flag来管理后端
更新
当涉及到整个组件时,我建议您使用不同的auth guard。对于这种情况,这是最好的办法 对于body元素上的不同客户机,应该使用不同的类,以便可以根据客户机X或客户机Y设置子类的样式 例如,在初始化应用程序时,将类“clientx”添加到body中,然后将clientx作为父对象编写css规则 当您为clientX构建应用程序时,将类clientX添加到主体中,可以设置相应子元素的样式
body.clientx .elementA{
color:red
}
body.clienty .elementA{
color:yellow
}
类似地,当您为clientY构建应用程序时,将类clientY添加到主体中,并且可以设置相应子元素的样式
body.clientx .elementA{
color:red
}
body.clienty .elementA{
color:yellow
}
这样,您就不必接触角度逻辑,css本身就可以处理您的需求。对于更健壮的实现,您可以使用scss。我知道css可以用这种方式更改,我可以使用“SetAttribute”来调用css,我已经这样做了,但这是一个构建后的场景,而我希望在构建时有一些脚本来处理它。这并不意味着如果您的代码可以在开发人员上工作,那么它就不能在构建中工作。它还将用于构建。甚至我也在用这种方式。这对我来说很有效。只是你们必须照顾好双方的国旗。我对这一点还不熟悉,但我能理解为什么会有没有答案的反对票吗?