安卓开发的MVC模式，和html+css+js交互有什么区别和联系吗？

现在一般采用MVC的架构模式。

html,css,js就是MVC中的V（view视图）

关于MVC

M（Model模型），负责数据的处理。

V（View视图），用户能看到的视图界面（html,css,js）

C（Controller控制器），负责处理分发用户请求。

，而实际上运行的顺序为：C->M->V

用户在浏览器输入网址 这时候路由就接收到一个请求，接收到请求之后路由调用相应控制器（C），控制器再从模型（M）中调取数据，这时候控制器获取到数据把数据赋值给视图（V），最后视图呈现给用户

其实完全没有必要。

你可以把那几个也做成aspx。

比如你有 test.html，你修改成：test.aspx

在你的控制器里面添加对应的：

ActionResult test()

{

return View()

}

修改你的链接：

<% Html.ActionLink("course", "test") %>

总之你既然用了MVC框架，你就好好用它，与其想怎么样让它和既有写法兼容，不如好好掌握，纯粹用MVC实现。

我们需要用<text>将javascript代码包含起来，强制让razor编译器回到内容模式,

或者将javascript代码放在函数中，让razor编译器可以识别，请看下面两个例子：

附例一:

<script type="text/javascript">

//now add markers

@foreach (var item in Model) {

<text>

var markerlatLng = new google.maps.LatLng(@(Model.Latitude), @(Model.Longitude))

var title = '@(Model.Title)'

var description = '@(Model.Description)'

var contentString = '<h3>' + title + '</h3>' + '<p>' + description + '</p>'

var infowindow = new google.maps.InfoWindow({

content: contentString

})

var marker = new google.maps.Marker({

position: latLng,

title: title,

map: map,

draggable: false

})

google.maps.event.addListener(marker, 'click', function () {

infowindow.open(map, marker)

})

</text>

}

</script>

附例二:

<script type="text/javascript">

//some javascript code here to display map etc

...

//declare addMarker function

function addMarker(latitude, longitude, title, description)

{

var markerlatLng = new google.maps.LatLng(@(Model.Latitude), @(Model.Longitude))

var title = '@(Model.Title)'

var description = '@(Model.Description)'

var contentString = '<h3>' + title + '</h3>' + '<p>' + description + '</p>'

var infowindow = new google.maps.InfoWindow({

content: contentString

})

var marker = new google.maps.Marker({

position: latLng,

title: title,

map: map,

draggable: false

})

google.maps.event.addListener(marker, 'click', function () {

infowindow.open(map, marker)

})

}

//now add markers

@foreach (var item in Model) {

@:addMarker(@item.Latitude, @item.Longitude, '@item.Title', '@item.Description')

}

---