javascript - MVC 模式结构(在哪里以及如何?)
问题描述
我已经在网上学习编程 3 年了。这段时间我开发了一个大项目,但是我有一个问题。我不知道 MVC 模式,并且是如何说“从头开始编程”。现在我的代码是一团糟,没有人能理解,但只有我..
我发现了这个 MVC 模式,这是一件很棒的事情,但现在我不明白在哪里以及如何做一些事情。我怎么理解没有 php 代码可以查看?并且没有 html/css 进入模型。
例如,我必须在哪个结构中实现我的 javascript 和 ajax 代码?(它是视图吗?)在哪里以及如何管理显示 if's?像:
if($user_id == $me){
//display post with delete option
}else{
//display post
}
我有一个包含数百行和 if 的函数。例如我的功能之一。我想了解如何以 MVC 模式重现它。
public function selectUserPosts(){
try{
require_once('Class.Users.php');
$user = new USER();
$id = $_GET['id'];
$stmt = $this->conn->prepare("SELECT * FROM fun_posts WHERE addedby=('$id') ORDER BY date DESC");
$stmt->execute();
$result = $stmt->fetchAll();
foreach($result as $post){
?>
<div class="col-sm-4">
<div class="animated flipInY" id="panel_<?php echo $post['id'];?>">
<div class="thumbnail" style="height:300px;">
<a href="/Web/Pages/Fun/Fun_Post.php?action=select&image_id=<?php echo $post['id'];?>" target="_blank">
<img class="img" style="width: 100%; height:150px;" src="<?php echo $post['image']; ?>" alt="" />
</a>
<i class="fa fa-clock-o" aria-hidden="true"></i><?php echo $user->time_elapsed($post['date']); ?>
<div id="upvote_<?php echo $post['id'];?>" class="panel">
<i class="fa fa-arrow-circle-up" style="font-size:22px; margin-top:10px;"></i> <b id="upvote_panel_<?php echo $post['id'];?>"><?php echo $post['upvotes']; ?></b>
<button style="float:right; margin-top:5px; width:90px;" class="btn btn-sm btn-success" type="submit"><i class="fa fa-arrow-circle-up"></i> Upvote</button>
</div>
<div id="downvote_<?php echo $post['id'];?>" class="panel">
<i class="fa fa-arrow-circle-down" style="font-size:22px; margin-top:-5px;"></i> <b id="downvote_panel_<?php echo $post['id'];?>"><?php echo $post['downvotes']; ?></b>
<button style="float:right; margin-top:-10px; width:90px;" class="btn btn-sm btn-danger" type="submit"><i class="fa fa-arrow-circle-down"></i> Downvote</button>
</div>
<div id="comment_<?php echo $post['id'];?>" class="panel">
<i class="fa fa-comment" style="font-size:22px; margin-top:-10px;"></i> <b id="comment_panel_<?php echo $post['id'];?>"><?php echo $post['comments']; ?></b>
<a href="/Web/Pages/Fun/Fun_Post.php?action=select&image_id=<?php echo $post['id'];?>" target="_blank">
<button style="float:right; margin-top:-13px; width:90px;" class="btn btn-sm btn-primary" type="submit"><i class="fa fa-comment"></i> Comment</button>
</a>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(function(){
$("#upvote_<?php echo $post['id'];?>").click(function(){
$.ajax(
{ url: "Home.php?upvote-btn=true?action=select&image_id=<?php echo $post['id'];?>",
type: "get",
success: function(result){
$('#upvote_panel_<?php echo $post['id'];?>').load(document.URL + ' #upvote_panel_<?php echo $post['id'];?>');
$('#downvote_panel_<?php echo $post['id'];?>').load(document.URL + ' #downvote_panel_<?php echo $post['id'];?>');
$('#comment_panel_<?php echo $post['id'];?>').load(document.URL + ' #comment_panel_<?php echo $post['id'];?>');
document.getElementById('result-box').innerHTML += result;
}
});
});
$("#downvote_<?php echo $post['id'];?>").click(function(){
$.ajax(
{ url: "Home.php?downvote-btn=true?action=select&image_id=<?php echo $post['id'];?>",
type: "get",
success: function(result){
$('#upvote_panel_<?php echo $post['id'];?>').load(document.URL + ' #upvote_panel_<?php echo $post['id'];?>');
$('#downvote_panel_<?php echo $post['id'];?>').load(document.URL + ' #downvote_panel_<?php echo $post['id'];?>');
$('#comment_panel_<?php echo $post['id'];?>').load(document.URL + ' #comment_panel_<?php echo $post['id'];?>');
document.getElementById('result-box').innerHTML += result;
}
});
});
});
</script>
<?php
}
}
catch(PDOException $e)
{
echo $e->getMessage();
}
}
解决方案
MVC - 模型视图控制器
1)在模型中,您必须放置所有逻辑并使用数据库和其他服务
2)在视图中,您必须放置代码,这将看到用户(您不能在其中调用使用数据库等服务的逻辑方法或函数)
3)控制器必须将模型和视图连接在一起。而且,当然,它必须是路线管理器
推荐阅读
- whmcs - WHMCS 如何在页面中找到正确的 tpl 文件
- android - Looper.getMainLooper() 在单元测试中为空
- email - 地址标头字段中电子邮件地址的域部分是否允许使用下划线?
- ruby-on-rails - 带有错误消息的自定义控制器 activeadmin
- java - 服务器没有启用我的 spigot 插件。(它甚至没有尝试)
- javascript - 如何只允许一个标记
- javascript - 奇怪的 element-ui 表行为
- asp.net-core - 在启动时获取当前用户 ID(asp.net core 5)
- laravel - 未定义变量,将数据传递给视图
- windows - 永久阻止某些 .dll 文件