X-Git-Url: https://git.auder.net/?p=sview.git;a=blobdiff_plain;f=README.md;h=68c04f530bb76c9c129d654561e727710ba2e922;hp=48ab8627d25d62b5f9d3ee4b9a45af3d34308023;hb=HEAD;hpb=3e641f63d7206b50c3eebecc53023117b7185dac diff --git a/README.md b/README.md index 48ab862..68c04f5 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ -# sview : tiny PHP web framework. +# sview : tiny PHP web framework -It is inspired by [a similar framework](http://shortphp.com) written by Arnór Heiðar Sigurðsson. +It is inspired by [a similar framework](https://github.com/arnorhs/ShortPHP) written by Arnór Heiðar Sigurðsson. In the same spirit but more advanced and more complete, see also [nanoc](http://nanoc.ws/) - in Ruby. sview is designed to organize essentially static websites. @@ -11,7 +11,113 @@ If you want a more demanding dynamic website, consider using an appropriate tool ## How to use it ? -The documentation is [right -here](http://git.redua.net/?p=sview.git;a=blob;f=HOWTO.md;hb=HEAD), -and a full website example is [located -here](http://git.redua.net/?p=sview.git;a=blob;f=sample-website.tar.xz;hb=HEAD). +The file sample-website.tar.xz provides a basic but full website example. +Alternatively, here are some details about sview usage. + +## 0. Installation + +In the following, I assume your website is located under http\[s\]://domain/topic/ +and is named "website" (adapt to your case). For example, in https://github.com/blog/ +domain = github.com and topic = blog. + +Get the source code either with `git clone` command or using a zip archive. +Copy all folder contents in the website/ folder : + + website/ + a/ + f/ + site/ + .htaccess + common.php + defaults.php + index.php + s.php + +* __a/__ (for "assets") is the folder for CSS files, images and javascript codes. + I like to put them respectively in css/, img/ and js/ folders, but the choice is yours. +* __f/__ (for "files") is the folder for any downloadable (or browsable) file you may upload. +* __site/__ is the main folder containing all your website pages. Three are already there : + * _404.php_ : the 404 error page; + * _dl.php_ : a script to download binary files; + * _home.php_ : the specifications for the welcome page. +* __.htaccess__ : its main job consists in routing everything that is not a resource to the index.php file. +* __common.php__ contains shared variables and functions to be used by at least two different pages. +* __defaults.php__ defines default variables for any web page, like the title or javascripts block. +* __index.php__ contains your website template, which is rendered for any web page + (and filled with specific values defined in pages under site/ folder; anything can be customized). +* __s.php__ consists in the framework code, loaded at the beginning of index.php. + +Now (online), in the .htaccess file, change the line `RewriteBase /` to `RewriteBase /topic`. + +## 1. Set default contents + +Edit the file defaults.php with + +* A global title to your website; this title can later be mixed with a more specific page-based title, or be replaced. +* A list of references to CSS stylesheets and pre-rendering javascripts, like ``. + We will see later how to refer to local stylesheets (under a/css). +* Some javascript code which will be loaded by default after every page loads (e.g. [jQuery](http://jquery.com/). + +Each variable name is prepended with "b\_" to avoid potential conflicts with your own variables. + +## 2. Complete main pages + +### index.php + +Complete + +* The menu (at commented location) +* The banner (near the menu, if you want one) +* The footer (if you don't want one, just drop it). + +You can also change the <meta> tags if needed. + +### site/home.php + +The welcome page. You can choose a title ($s\_title) or use the default one +(by not specifying anything). Stylesheets and javascripts can be customized, ...etc. +Any default variable can be used to define a specific variable (prepended with "s\_"). + +### site/404.php + +Customize it; it is probably viewed more often than you think ;-) + +## 3. Write all other pages + +All pages are under site/ folder, and you can nest them in any directory tree. + +__Hint__ : if you don't want to load the main template, just end any site file with a PHP `exit` directive. + +Now we will see how to access pages and resources (images, CSS, files, javascript). + +--- + +## How to view a web page ? + +The page at physical location site/some\_folder/mypage.php is viewed in the web browser at the URL +http\[s\]://domain/topic/website/some\_folder/mypage (thanks to URL rewriting defined in the .htaccess file). + +Any page can be linked internally using the `r()` PHP function ('r' for "resource"), like in +the following : `