如何创建一个blog项目

最新推荐文章于 2024-05-22 10:06:36 发布
最新推荐文章于 2024-05-22 10:06:36 发布
阅读量383 收藏
点赞数
分类专栏： Dlang 文章标签： Dlang
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45585545/article/details/100151307
版权

1.首先拉取skeleton项目为基础,文件命名为myprogect

git clone https://github.com/huntlabs/hunt-skeleton.git myproject
cd myproject
dub run -v

2.修改项目中config下的application.conf文件中关于数据库的相关配置

hunt.database.default.driver=mysql
hunt.database.default.host=127.0.0.1
hunt.database.default.port=3306  //接口
hunt.database.default.database=myblog //数据库名称
hunt.database.default.username=root //数据库用户名
hunt.database.default.password=     //数据库密码
hunt.database.default.charset=utf8  
hunt.database.default.prefix=
hunt.database.default.enabled=true

3.首先实现Blog项目后台管理;确定项目后台功能并在config下创建admin.routes文件定义路由

GET /user/list user.users //用户列表页面

*  /user/add  user.add   //用户添加操作

GET  /user/delete  user.remove  //用户删除操作

GET  /user/update  user.update  //用户修改页面

POST  /user/doup  user.doupdate  //用户修改操作

GET /blog/list blog.blogs   //文章列表页面

* /blog/add blog.add    //文章添加页面

POST /blog/doadd/ blog/doadd  //文章添加操作

4.在source–app下建立Blog模块;在Blog中新建一个model模型,在model下创建Blog.d以及User.d文件，用来存放对应数据表中的数据；

//Blog.d
module app.blog.model.Blog;                     
import hunt.entity;
import app.model.User;

@Table("blog")
class Blog : Model
{
    mixin MakeModel;

    @AutoIncrement
    @PrimaryKey
    int id; //主键,自动增长

    long created;  //时间
    
    string title;  //文章标题
    
    string description;  //描述
  
    string picture;  //图片

    string  content; //内容
    
    @OneToOne()
    @JoinColumn("user_id")
    User  user;//通过user_id关联User表
}

//User.d
module app.blog.model.User;
import hunt.entity;

@Table("user")
class User : Model 
{
    mixin  MakeModel;

    @AutoIncrement
    @PrimaryKey
    int id;

    string username;  //用户名

    string password;  //密码
    
    string email;  //邮箱
}

5.以model为基础;在source–app–blog下新建repository文件，创建相应的BlogRepository.d、UserRepository.d文件;对数据进行操作

//BlogRepository.d
module app.blog.repository.BlogRepository;
import app.blog.model.Blog; 

import hunt.entity;
class BlogRepository : EntityRepository!(Blog , int){
}

//UserRepository.d
module app.blog.repository.UserRepository;
import app.blog.model.User; 

import hunt.entity;
class UserRepository : EntityRepository!(User,int){
}

6.在source–app–blog下新建admin文件，在admin中创建BlogController.d、UserController.d来实现后台管理;包括文章的管理以及对用户的浏览、添加、删除、修改

//BlogController.d
module app.blog.controller.admin.BlogController;
import hunt.framework;
import app.blog.form.BlogForm;
import app.blog.model.Blog;
import app.blog.repository.BlogRepository;
import app.blog.repository.UserRepository;

class BlogController : Controller
{
    mixin MakeController;
    
    //文章的添加
    @Action
    string add(BlogForm form)
    {
        if(request.method == HttpMethod.POST)
        {
            auto result = form.valid();
            if(result.isValid)
            {
                auto blog = new Blog ;
                blog.title = form.tit;
                
                blog.description = form.dept;
                blog.picture = form.pic;
                blog.content = form.cont;
                blog.created = time();
                
                auto repo = new BlogRepository;
                repo.save(blog);

                return "successed!";
            }
            view.assign("messages", result.messages());
        }
        view.assign("blog", (form is null) ? new BlogForm : form);
        view.assign("users", (new UserRepository).findAll());//查出User的全部信息

        return view.render("blog_add");
    }
    
    //文章列表浏览
    @Action
    string  blogs()
    {
        auto repo = new BlogRepository;

        auto blogs = repo.findAll();//查找全部文章信息

        view.assign("blogs",blogs);

        return view.render("blog_list");//跳转到列表页面
    }
}

//UserController.d
module app.blog.controller.admin.UserController;
import hunt.framework;
import app.blog.form.UserForm;
import app.blog.model.User;
import app.blog.repository.UserRepository;

class UserController : Controller
{
    mixin MakeController;
    
    //用户添加
    @Action
    string add(UserForm form)
    {
        if (request.method == HttpMethod.POST)
        {
            auto result = form.valid();
            if(result.isValid)
            {
                auto user = new User;
                user.username = form.um;
                user.password = form.pwd;
                user.email = form.mail; 

                auto repo = new UserRepository;
                repo.save(user);

                 return "successed";
            }
            view.assign("messages",result.messages());
        } 
        view.assign("user",(form is null) ? new UserForm : form);
        return view.render("user_add");
    }

    //用户列表浏览
    @Action
    string  users()
    {
        auto repo = new UserRepository;

        auto users = repo.findAll();

        view.assign("users",users);

        return view.render("user_list");
    }
    
    //用户删除操作
    @Action
    string remove(int id)
    {
        auto repo = new UserRepository;

        repo.removeById(id);//根据id删除用户信息

        return "deleted";
    }
    
    //用户修改列表
    @Action
    string update(int id)
    {
        auto repo = new UserRepository;

        auto user = repo.find(id);//通过id查找要修改的信息

        view.assign("user",user);

        return view.render("user_up");//跳转到修改页面
    }
    //用户修改操作
    @Action
    string doupdate(UserForm form)
    {
        auto repo = new UserRepository;
        auto user = repo.find(form.id.to!int);

        user.username = form.um;
        user.password = form.pwd;
        user.email = form.mail;//进行修改操作
        repo.save(user);//保存

        return "successed";
    }
}

7.在view下新建admin，在admin中新建header.html、footer.html、sidebar.html显示列表以及目录的CSS样式;blog_list.html、blog_add.html、user_add.html、user_list.html、user_up.html来实现功能列表;显示部分代码

//blog_list.html
<div class="card-body">
      <table id="example2" class="table table-bordered table-hover">
        <thead>
        <tr>
          <th>title</th>
          <th>name</th> 
          <th>description</th>
          <th>picture</th>
          <th>content</th>
          
        </tr>
        </thead>
        {% for blog in blogs %}
        <tbody>
        <tr>
          <td>{
  { blog.title }}</td>
          <td>{
  { blog.user.username}}</td>
          <td>{
  { blog.description }}</td>
          <td>{
  { blog.picture }}</td>
          <td>{
  { blog.content }}  <a href="/admincp/blog/view?id={
  { blog.id }}">Read Full</a></td>
      
        </tr>
        </tbody>
        {% endfor %}
    
        <tfoot>
        <tr>
            <th>title</th>
            <th>name</th>
            <th>description</th>
            <th>picture</th>
            <th>content</th>
          
        </tr>
        </tfoot>
      </table>
</div>

//blog_add.html
<form role="form"  method="POST" action="/admincp/blog/add">
    <div class="card-body">
    {% if messages %}
    <div class="form-group">
      <ul>
        {% for key, message in messages %}
        <li>{
  { key }} : {
  { message }}</li>
        {% endfor %}
      </ul>
    </div>
    {% endif %}

    <div class="form-group">
        <label for="exampleInputPassword1">title</label>
         <input type="text" name="tit"  value="{
  {blog.tit}}" class="form-control" id="exampleInputPassword1" placeholder="title">
    </div>

      <div class="form-group">
        <label for="exampleInputEmail1">name</label>
        <select name="nm">
          <option value="0">-- 请选择 --</option>
          {% for user in users %}
            <option value="{
  { user.id }}" {% if blog.nm %}{% if user.id == int(blog.nm) %} selected {% endif %}{% endif %}>{
  { user.username }}</option>
          {% endfor %}
        </select>
      </div>
      
      <div class="form-group">
        <label for="exampleInputEmail1">description</label>
        <input type="text" name="dept" value="{
  {blog.dept}}"  class="form-control" id="exampleInputEmail1" placeholder="description">
      </div>

      <div class="form-group">
        <label for="exampleInputEmail1">picture</label>
        <input type="text" name="pic" class="form-control" id="exampleInputEmail1" placeholder="picture">
      </div>

      <div class="form-group">
        <label for="exampleInputEmail1">content</label>
        <input type="text" name="cont" value="{
  {blog.cont}}"  class="form-control" id="exampleInputEmail1" placeholder="content">
      </div>

    </div>
    <!-- /.card-body -->

    <div class="card-footer">
      <button type="submit" class="btn btn-primary"></a>添加文章</button>
    </div>
</form>

//user_add.html
</div>
  <form role="form" method="POST" action="/admincp/user/add">
    <div class="card-body">
      {% if messages %}
        <div class="form-group">
          <ul>
            {% for key, message in messages %}
            <li>{
  { key }} : {
  { message }} </li>
            {% endfor %}
          </ul>
        </div>
        {% endif %}

        <div class="form-group">
          <label for="exampleInputEmail1">Username</label>
          <input type="text"  name="um" value="{
  {user.um}}" class="form-control" id="exampleInputEmail1" placeholder="username">
        </div>
        <div class="form-group">
          <label for="exampleInputPassword1">Password</label>
          <input type="password" name="pwd" value="{
  {user.pwd}}"  class="form-control" id="exampleInputPassword1" placeholder="password">
        </div>
        <div class="form-group">
          <label for="exampleInputEmail1">Email address</label>
          <input type="text" name="mail" value="{
  {user.mail}}" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
        </div>
    </div>
    <!-- /.card-body -->

    <div class="card-footer">
      <button type="submit" class="btn btn-primary">添加用户</button>
    </div>
  </form>
</div>

//user_list.html
<div class="card-body">
  <table id="example2" class="table table-bordered table-hover">
    <thead>
    <tr>
      <th>username</th>
      <th>email</th>
      <th>Delete</th>
      <th>Update</th>
    </tr>
    </thead>
    {% for user in users %}
    <tbody>
    <tr>
      <td>{
  { user.username}}</td>
      <td>{
  { user.email}}</td>
      <td><a href="/admincp/user/delete?id={
  { user.id }}">Delete</a></td>
      <td><a href="/admincp/user/update?id={
  { user.id }}">Update</a></td>
    </tr>
    </tbody>
    {% endfor %}

    <tfoot>
    <tr>
      <th>username</th>
      <th>email</th>
      <th>Delete</th>
      <th>Update</th>
    </tr>
    </tfoot>
  </table>
</div>

//user_up.html
<form method="POST" action="/admincp/user/doup">
    <input name="id" type="hidden" value="{
  { user.id }}">
    <p>Username:<input name="um" type="text" value="{
  { user.username }}"></p>
    <p>Password:<input name="pwd" type="password" value="{
  { user.password }}"></p>
    <p>Email:<input name="mail" type="text" value="{
  { user.email }}"></p>
    <p> <button type="submit" value="Update"></button></p>
</form>

8.在source–app–blog下新建form文件，创建form表单BlogForm.d、UserForm.d文件;与模板页中name的字段值一致;并定义字段的范围；

//BlogForm.d
module app.blog.form.BlogForm;
import hunt.framework;

class BlogForm : Form
{
    mixin MakeForm;

    string id; 

    string uid; //与User表关联的user_id

    @NotEmpty  //name的值不能为空
    string nm;

    @Length(6,18)  //title的值在6到18位之间
    string tit;

    @Length(10,100) //description的值在10到100位之间
    string dept;

    string pic; //图片

    @Length(10,200) //content的值在10到200位之间
    string cont;
}
//UserForm.d
module app.blog.form.UserForm;
import hunt.framework;

class UserForm : Form
{
    mixin MakeForm;
    
    string id;
    
    @Length(3, 18) //用户名的值在3到18位之间
    string um;

    @Length(6, 16) //密码的值在6到16位之间
    string pwd;

    @Length(6, 32) //邮箱的值在6到32位之间
    string mail;
}

9.进行Blog项目的前台管理;确定前台能够实现的功能,在config下的routes中定义路由

GET   /add  blog.add  //文章添加页面

POST  /blog/add  blog.doadd  //文章添加操作

GET   /blog/delete  blog.remove  //文章删除操作

GET  /blog/list   blog.blogs  //文章列表浏览页面

POST  /blog/doup  blog.doupdate  //文章修改操作

GET  /blog/update   blog.update  //文章修改页面

10.在source–app–controller下创建BlogController.d文件,实现Blog前台管理包括浏览,添加,修改,删除功能

module app.blog.controller.BlogController;
import app.blog.form.BlogForm;
import app.blog.model.Blog;
import app.blog.repository.BlogRepository;
import hunt.framework;

class BlogController : Controller
{
    mixin MakeController;
    //文章添加
    @Action
    string add()//跳转到添加页面添加
    {
        return view.render("blog_add");
    }
    @Action
    string doadd(BlogForm form)//添加操作
    {
        auto blog = new Blog ;
        blog.title = form.tit;
        blog.description = form.dept;
        blog.picture = form.pic;
        blog.content = form.cont;
        blog.created = time();//时间为当前时间

        auto repo = new BlogRepository;
        repo.save(blog);//保存

        return "successed!";
    }
    //文章列表
    @Action
    string  blogs()
    {
        auto repo = new BlogRepository;

        auto blogs = repo.findAll();//查找所有的文章信息

        view.assign("blogs",blogs);

        return view.render("blog_list");//跳转到列表页面
    }
    //文章删除
    @Action
    string remove(int id)
    {
        auto repo = new BlogRepository;

        repo.removeById(id);//通过i
最低0.47元/天 解锁文章
吴怡-
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Go Web——简单blog项目（一）
qq_39280718的博客
08-28 889
简单blog项目
Make a model
无穷山色
09-24 3188
模型有简单形状和复杂机器人。代指
使用Spring Boot和Kubernetes构建微服务架构
最佳 Java 编程
06-12 848
“我喜欢编写身份验证和授权代码。” 〜从来没有Java开发人员。 厌倦了一次又一次地建立相同的登录屏幕？ 尝试使用Okta API进行托管身份验证，授权和多因素身份验证。 在本教程中，您将使用Kubernetes将Spring Boot微服务架构部署到Google Cloud，特别是Google Kubernetes Engine（GKE）。 您还将使用Istio创建服务网格层并创建公共网...
探索微服务实践的艺术：Blog项目全解析
最新发布
gitblog_00085的博客
05-22 251
探索微服务实践的艺术：Blog项目全解析 项目地址:https://gitcode.com/SkyChenSky/Sikiro 项目介绍 Blog项目是一个基于.Net构建的微服务实例，由博主s_kychen1218精心打造并分享，旨在展示.Net平台上的微服务开发过程和技术栈。该项目涵盖了从技术选型、架构设计到DevOps流程的全方位实战，同时还关注了负载均衡、分布式问题和可观测性等关键点。不仅...
SpringBoot实战教程：SpringBoot 博客项目开发及讲解
05-14
当前课程中博客项目的实战源码是我在 GitHub上开源项目 My-Blog，目前已有 3000 多个 star：本课程是一个 Spring Boot 技术栈的实战类课程，课程共分为 3 大部分，前面两个部分为基础环境准备和相关概念介绍，第三个部分是 Spring Boot 个人博客项目功能的讲解，通过本课程的学习，不仅仅让你掌握基本的 Spring Boot 开发能力以及 Spring Boot 项目的大部分开发使用场景，同时帮你提前甄别和处理掉将要遇到的技术难点，认真学完这个课程后，你将会对 Spring Boot 有更加深入而全面的了解，同时你也会得到一个大家都在使用的博客系统源码，你可以根据自己的需求和想法进行改造，也可以直接使用它来作为自己的个人网站，这个课程一定会给你带来巨大的收获。作者寄语本课程录制于 2020 年，代码基于 Spring Boot 2.x 版本。到目前为止，Spring Boot 技术栈也有一些版本升级，比如 Spring Boot 2.7 发版、Spring Boot 3.x 版本发布正式版本。对于这些情况，笔者会在本课程实战项目的开源仓库中创建不同的代码分支，保持实战项目的源码更新，保证读者朋友们不会学习过气的知识点。课程特色 课程内容紧贴 Spring Boot 技术栈，涵盖大部分 Spring Boot 使用场景。开发教程详细完整、文档资源齐全、实验过程循序渐进简单明了。实践项目页面美观且实用，交互效果完美。包含从零搭建项目、以及完整的后台管理系统和博客展示系统两个系统的功能开发流程。技术栈新颖且知识点丰富，学习后可以提升大家对于知识的理解和掌握，对于提升你的市场竞争力有一定的帮助。实战项目预览    
delphi 建模工具ModelMake
07-08
delphi 建模工具ModelMakedelphi 建模工具ModelMakedelphi 建模工具ModelMake
ruby_on_rails_创建一个博客项目.doc
09-28
ruby_on_rails_创建一个博客项目.doc
play手把手教你创建一个博客项目-10完整的应用程序测试.doc
09-30
play手把手教你创建一个博客项目-10完整的应用程序测试.doc
使用IDEA中的Maven创建一个Web项目
12-21
（一）创建web项目 File -> New -> Project 出现如下图所示： 出现上图所示，项目就创建完毕了。 （二）项目配置 项目目录结构如下所示： 上图中我们可以看到它没有源码目录，和资源文件目录，我们需要自行创建，...
blog:创建一个博客以跟踪项目并学习创建网站
03-31
2. **Flask框架**：Flask则是一个轻量级的框架，更适合小型项目。它不包含ORM或数据库管理，但可以通过扩展如SQLAlchemy或Flask-SQLAlchemy来添加这些功能。Flask的灵活性允许开发者更自由地定制应用结构。 3. **...
在Eclipse中用Maven创建一个Web项目
04-30
来自 在Eclipse中用Maven创建一个Web项目 的附带项目源码 jdk1.8 博客地址 https://blog.csdn.net/rebornsgundam/article/details/105862362
Laravel框架学习笔记（二）项目实战之模型（Models）
12-18
在开发mvc项目时，models都是第一步。 下面就从建模开始。 1.实体关系图， 由于不知道php有什么好的建模工具，这里我用的vs ado.net实体模型数据建模 下面开始laravel编码，编码之前首先得配置数据库连接，在app/config/database.php文件 'mysql' => array( 'driver' => 'mysql', 'read' => array( 'host' => '127.0.0.1:3306', ), 'write' => array( 'host' => '127.0.0.1:3306' ), 'data
MakeHuman9.1
09-07
MakeHuman 是一款人物制作、人体建模软件由openGL编写的界面简单、易用且稳定 姿势引擎确保肌肉运动的逼真 3000多个morphing 人物混合系统 Toon渲染 Wavefront obj 输出，有材质和UV轴坐标系
个人博客项目源码（java）
10-24
本项目根据企业项目的逻辑制作的个人blog，分为前后台系统，结合最新springboot、mybatis、yml配置文件、文件上传等技术点完成，可以学习该项目的技术点，若下载后不可用，请留言，并给我邮箱，重发一份给你，若想制作项目，请访问官方网站：www.aigxgg.com 进行了解，请下载后，留个好评，也请关注我，后期更有更多技术资源上传，谢谢！
RuntimeSummary
sharpyl的专栏
02-19 493
目录 消息机制介绍 / Messaging 方法交换 / MethodSwizzling 动态加载方法 / ResolveInstanceMethod 消息转发 / ForwardMessage 动态关联属性 / AssociatedObject 字典转模型 / MakeModel 对象归档、解档 / ObjectArchive 消息机制介绍 / Messa
《Ajax基础教程》读书笔记
山河已无恙
10-05 1888
在高楼矮窗里活出自己的开阔吧，没错，L.，我希望你也一样，让自己心灵发光，在茫茫人海中，Y. 18.10.05 木开子
BodyPoseModel姿态检测模型深度解读
人工智能视觉分析算法学习实践和经验分享。
09-01 2397
模型结构分析Pose_Model1. BodyPoseModel1.1 关键函数make_layer1.2 模型创建：1.3 模型输出框架参考文献 Pose_Model 本文主要介绍姿势识别中模型的创建和模型意义。 要实现建模需匹配运行环境requires.txt：安装必备的环境。 pytorch numpy matplotlib opencv-python scipy scikit-image tqdm 代码内容：包括一个函数make_layers()和两个模型大类BodyPoseModel和Han
从0到1手把手教你搭建个人博客
weixin_59796310的博客
08-25 2108
从0到1手把手教你搭建个人博客
项目案例——个人博客网站
热门推荐
大人的博客
01-26 1万+
初学函数，将大量的重复代码封装到函数中，写了一个简单的个人博客网站。。。 个人博客开发需求 用户相关功能： 注册【邮箱、账号、密码、昵称】 登录【账号+密码 | 邮箱+密码】 修改登录密码【原密码、两次输入新密码-&amp;amp;amp;gt; 重新登录】 完善个人资料【手机、性别、年龄】 文章相关功能： 发表文章【标题、内容】 查看所有文章 查看个人文章 修改个人文章 删除个人文章 回收站【可以恢复删除的文章...
创建一个SpringBoot项目
07-28
创建一个SpringBoot项目有两种方式。第一种方式是通过官网生成SpringBoot项目，然后导入IDEA中。具体步骤如下：首先，在官网上创建一个SpringBoot项目。然后，将项目导入到IDEA中。\[1\]第二种方式是直接通过IDEA...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值